Erläuterung zur Verwendung von AjaxSubmit in jQuery

Ich habe mir in letzter Zeit häufig die Zeit genommen, das Wissen über Ajax in jquery aufzuzeichnen.Interessierte Freunde können sich darauf beziehen >Ich verwende ajaxForm seit Kurzem und habe mir daher nur notiert, wie man es verwendet, damit ich es später überprüfen kann.

1, Abhängigkeitsskript einführen

<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 Verwendung von

<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 Der Unterschied zwischen ajaxSubmit und ajaxForm

ajaxForm kann das Formular nicht senden. Verwenden Sie in der Bereitschaftsfunktion von

document

ajaxForm, um die AJAX-Übermittlung des Formulars vorzubereiten. Die Übermittlungsaktion muss mit „submit“ beginnenajaxSubmit Das Formular wird sofort von AJAX übermittelt. Sie können diesen Antrag unter allen Umständen stellen.

4 Optionsparameter

Das Obige ist die Einführung des Herausgebers in die Verwendung von AjaxSubmit in jQuery, ich hoffe es Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht. Der Herausgeber wird Ihnen rechtzeitig antworten. Ich möchte mich auch bei Ihnen allen für Ihre Unterstützung der Script House-Website bedanken!

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 
};

Das obige ist der detaillierte Inhalt vonErläuterung zur Verwendung von AjaxSubmit in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!