Explication sur l'utilisation d'AjaxSubmit dans jQuery

J'ai beaucoup utilisé ajaxform récemment. Aujourd'hui, j'ai pris le temps d'enregistrer les connaissances sur ajax dans jquerySoumettre l'utilisation, c'est très bien. Les amis intéressés peuvent s'y référer

J'ai utilisé ajaxForm récemment, j'ai donc simplement noté comment l'utiliser afin de pouvoir le consulter plus tard.

1, introduire le script de dépendance

<script type="text/javascript" src="/js/jquery/jquery.form.js"></script> //ajaxForm 依赖脚本
<script type="text/javascript" src="/js/jquery/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="/js/jquery/jquery.easyui.min.js"></script>

2 Comment utiliser

<form name="testForm" id="testForm" >
<input type="button" value="submit"/>
</form>
<script type="text/javascript">
var ajax_option={
url:"login",//默认是form action
success:function(data){
}
$(&#39;#testForm&#39;).ajaxSubmit(ajax_option);
}
</script>
//注意$("#testForm") 引号中名称必须要和form元素id值要保持一致

3 La différence entre ajaxSubmit et ajaxForm

ajaxForm ne peut pas soumettre le formulaire. Dans la fonction prête 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 paramètres d'option

var options = { 
target: '#output1', // target element(s) to be updated with server response 
beforeSubmit: showRequest, // pre-submit callback 
success: showResponse // post-submit callback 
// other available options: 
//url: url // override for form's 'action' attribute 
//type: type // 'get' or 'post', override for form's 'method' attribute 
//dataType: null // 'xml', 'script', or 'json' (expected server response type) 
//clearForm: true // clear all form fields after successful submit 
//resetForm: true // reset the form after successful submit 
// $.ajax options can be used here too, for example: 
//timeout: 3000 
};

Ce qui précède est l'introduction de l'éditeur à l'utilisation d'AjaxSubmit dans jQuery, je l'espère sera utile à tout le monde. Si vous avez des questions, laissez-moi un message et l'éditeur vous répondra à temps. Je voudrais également remercier tout le monde pour votre soutien au site Web de Script House !

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!