Maison  >  Article  >  interface Web  >  Quelle est la méthode utilisée par le formulaire jquery

Quelle est la méthode utilisée par le formulaire jquery

WBOY
WBOYoriginal
2022-06-07 15:24:102693parcourir

Dans jquery, vous pouvez utiliser les deux méthodes ajaxForm() et ajaxSubmit() pour utiliser "jquery form". "jquery form" est un plug-in pour la soumission de formulaire asynchrone. Il est utilisé pour soumettre le formulaire et définir les paramètres. pour la soumission du formulaire. Il peut être utilisé dans la vérification et le traitement des données du formulaire avant la soumission du formulaire et l'appel de fonction après la soumission du formulaire.

Quelle est la méthode utilisée par le formulaire jquery

L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.

Comment utiliser le formulaire jquery

jquery form est un plug-in pour la soumission de formulaire asynchrone. Il peut facilement soumettre le formulaire, définir les paramètres de soumission du formulaire, vérifier et traiter les données du formulaire avant de soumettre le formulaire et appeler des fonctions après. le formulaire est soumis.

Ce plugin a deux méthodes principales :

ajaxForm() et ajaxSubmit(),

Ils combinent des fonctions allant du contrôle des éléments du formulaire à la décision de gérer le processus de soumission

Ils peuvent tous deux accepter 0 ou un paramètre ; le paramètre peut être une fonction ou un objet JS, similaire au format json ;

ajaxForm() ne peut pas soumettre le formulaire, il prépare simplement la soumission du formulaire :

1 : Passez la fonction

$("#form1").submit(function () {
    $('#form1').ajaxForm(function () {
        alert("提交成功2")
    })
})

Mais même si j'en ai lu beaucoup blogs, C'est écrit comme ceci. Après avoir exécuté le code lui-même, j'ai constaté que "Submission Successful 2" n'était pas imprimé, c'est-à-dire que la fonction n'était pas saisie

Et après la soumission, la page passera à l'adresse du. action.En d'autres termes, cette méthode ne peut pas implémenter le formulaire.La soumission asynchrone sert juste à préparer la soumission du formulaire, mais la manière de transmettre une fonction ne convient pas à cette méthode, car elle n'est pas saisie, je ne sais pas. s'il y a quelque chose qui ne va pas dans mon écriture. Mais si une option est transmise en tant qu’objet, elle prendra effet.

var options = {
    url: "/day09/jqueryFormServlet", //提交地址:默认是form的action,如果申明,则会覆盖
    type: "post",   //默认是form的method(get or post),如果申明,则会覆盖
    beforeSubmit: beforeCheck, //提交前的回调函数
    success: successfun,  //提交成功后的回调函数
    target: "#output",  //把服务器返回的内容放入id为output的元素中
    dataType: "json", //html(默认), xml, script, json...接受服务端返回的类型
    clearForm: true,  //成功提交后,是否清除所有表单元素的值
    resetForm: true,  //成功提交后,是否重置所有表单元素的值
    timeout: 3000     //限制请求的时间,当请求大于3秒后,跳出请求
};

2 : Passer un objet js

$('#form1').ajaxForm(options)

Méthode ajaxSubmit() : implémenter la soumission asynchrone du formulaire

$("#form1").submit(function () {
    $('#form1').ajaxSubmit(function () {
        alert("提交成功2")
    })
    return false;
})

Vous devez renvoyer false ici, sinon le formulaire sera soumis deux fois, car il est soumis une fois de manière asynchrone et une fois par par défaut ;

$('#form1').ajaxSubmit(options)

Mais si l'objet options est transmis, il ne sera soumis qu'une seule fois

Tutoriel vidéo recommandé :Tutoriel vidéo jQuery

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!

Déclaration:
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
Article précédent:Comment utiliser jquerysessionArticle suivant:Comment utiliser jquerysession