Comment puis-je envoyer une requête Ajax en cliquant sur un bouton à partir d'un formulaire avec 2 boutons?

Salut à tous et désolé pour un peu générique est question ici. Je suis nouveau à l'Ajax et que vous voulez envoyer une demande à partir d'une page à l'autre à partir d'un formulaire qui a 2 boutons.

<form method="post">
  <button id="button_1" value="val_1" name="but1">button 1</button>
  <button id="button_2" value="val_2" name="but2">button 2</button>
  <input id="access_token" type="hidden" name="access_token" value="<?php echo $_SESSION['access_token']; ?>" />
</form>
$(document).ready(function() {
  $("#button_1").click(function(e) {
    e.preventDefault();
    $.ajax({
      type: "POST",
      url: "/pages/test/",
      data: {
        id: $("#button_1").val(),
        access_token: $("#access_token").val()
      },
      success: function(result) {
        alert('ok');
      },
      error: function(result) {
        alert('error');
      }
    });
  });

  $("#button_2").click(function(e) {
    e.preventDefault();
    $.ajax({
      type: "POST",
      url: "/pages/test/",
      data: {
        id: $("#button_2").val(),
        access_token: $("#access_token").val()
      },
      success: function(result) {
        alert('ok');
      },
      error: function(result) {
        alert('error');
      }
    });
  });
});

A toutes a toutes les suggestions comment je peux améliorer ce code et peut-être de les fusionner en une fonction ou quelque chose?

Merci d'avance! 🙂

source d'informationauteur Max Maxymenko