Maison >interface Web >js tutoriel >Explication sur l'utilisation d'ajaxSubmit dans Jquery
J'utilise ajaxForm récemment, donc je viens de noter comment l'utiliser afin de pouvoir le consulter plus tard.
1, introduisez le script de dépendance
//ajaxForm dépend du script
< ; script type="text/javascript" src="/js/jquery/jquery.easyui.min.js">
2 Comment utiliser
var ajax_option={
url : "login", //La valeur par défaut est le formulaire action
succès : fonction (données){
}
$('#testForm').ajaxSubmit(ajax_option);
}
//Note $("#testForm") Le nom entre guillemets doit être cohérent avec la valeur de l'identifiant de l'élément de formulaire
3 La différence entre ajaxSubmit et ajaxForm
ajaxForm ne peut pas soumettre le formulaire. Dans la fonction ready du document, utilisez ajaxForm pour préparer la soumission AJAX du formulaire. L'action de soumission doit commencer par submit
ajaxSubmit Le formulaire sera soumis immédiatement par AJAX. Vous pouvez faire cette soumission en toutes circonstances.
4
option的参数
var options = {
target : '#output1', // cible élément(s) à mettre à jour avec la réponse du serveur
avantSoumettre : showRequest, // rappel de pré-soumission
succès : showResponse // rappel post-soumission
// autres options disponibles :
//url : url // remplacement de « l'action » du formulaire attribut
//type : type // 'get' ou 'post', remplacement de l'attribut 'method' du formulaire
//dataType : null // 'xml ', 'script' ou 'json' (type de réponse attendu du serveur)
//clearForm : true // effacer tous les champs du formulaire après une soumission réussie
// resetForm: true // réinitialiser le formulaire après une soumission réussie
// Les options $.ajax peuvent également être utilisées ici, par exemple :
//délai d'expiration : 3000
} ;
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!