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
Vous devez vous connecter pour publier un commentaire.
Étant donné que la seule logique de la différence entre les gestionnaires est la valeur du bouton cliqué, vous pouvez utiliser le
this
mot-clé pour faire référence à l'élément qui a déclenché l'événement et obtenir leval()
. Essayez ceci:Utilisation jQuery à plusieurs sélecteur si la seule différence entre les deux fonctions est la valeur du bouton de déclenchement.