Passer Des Paramètres À L'Appel Ajax JQuery
Je suis nouveau sur JQuery. J'ai compris comment faire un appel AJAX, et comment créer des fonctions de rappel (callback de succès ou d'échec. Je vais avoir des difficultés à trouver comment passer des paramètres. Voici mon code JQUery:
$(document).ready(function(){
$('#submit_new_admin').click(function() {
$.ajax({
type: 'POST',
url: '[mu_url]/process_request.php',
data: { request: 'add_new_admin' },
beforeSend:function(){
$('#ajax-panel').html('<div class="loading"><img src="/images/loading.gif" alt="Loading..." /></div>');
},
success:function(data){
alert('ok')'
},
error:function(){
$('#ajax_response').html('<p class="error"><strong>Oops!</strong> Try that again in a few moments.</p>');
}
});
});
});
Qui fonctionne assez bien, mais je veux régler le paramètre des variables dynamiquement. Voici un formulaire que je suis en utilisant:
<form name="" action="" method="post">
<select name="user_level">
<option value="1">Full Admin</option>
<option value="2">Junior Admin</option>
</select><br/><br/>
<label for="firstname">Firstname</label> <input type="text" name="firstname"><br/><br/>
<label for="lastname">Lastname</label> <input type="text" name="lastname"><br/><br/>
<label for="username">Username</label> <input type="text" name="username"><br/><br/>
<label for="fb_id">FaceBook ID</label> <input type="text" name="fb_id"><br/><br/>
<label for="password">Password</label> <input type="password" name="password"><br/><br/>
<label for="password_conf">Enter Password Again</label> <input type="password" name="password_conf"><br/><br/>
<input type="hidden" name="submitted">
<input id="submit_new_admin" type="button" value="Add As Admin">
</form>
Ce que je suis en train de faire avec hein Jquery est de passer la valeur de la saisie de textes.
exemple
data: { request: 'add_new_admin', firstname: [firstname value from form], lastname: [lastname value from form], username: [username from form]} and so on.
Comment puis-je faire cela?
OriginalL'auteur Bad Programmer | 2011-09-17
Vous devez vous connecter pour publier un commentaire.
vous pouvez utiliser jquery pour remplir la dynamique des valeurs
par exemple données:
{firstname : $('#firstname').val(), ......}
Cependant, que vous avez un hugh formulaire, vous pouvez utiliser le jquery formulaire de sérialiser des api pour passer tous les éléments de formulaire qu'une adresse url ou un tableau avec l'appel ajax au lieu de remplir les différents éléments.
par exemple
$.post("test.php", $("#testform").serialize());
Plus d'informations à sérialiser & Jquery.post
OriginalL'auteur Jayendra
"contenu" est un paramètre qui peut être transmis à votre appel ajax, " il " se réfère ensuite au contenu de 'contenu'
OriginalL'auteur andrew