Maison > interface Web > js tutoriel > Explication sur l'utilisation d'ajaxSubmit dans Jquery

Explication sur l'utilisation d'ajaxSubmit dans Jquery

巴扎黑
Libérer: 2017-07-03 10:46:36
original
1520 Les gens l'ont consulté

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


//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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal