JQuery读书笔记-JQuery-Form中的AjaxForm跟AjaxSubmit的区别-AJAX教程-爱易网页

JQuery读书笔记-JQuery-Form中的AjaxForm跟AjaxSubmit的区别

日期：2014-05-16　浏览次数：20703 次

JQuery读书笔记--JQuery-Form中的AjaxForm和AjaxSubmit的区别

JQuery中的AjaxForm和AjaxSubmit使用差不多功能也差不多。很容易误解。
按照作者的解释：
AjaxForm
ajaxForm不能提交表单。在document的ready函数中，使用ajaxForm来为AJAX提交表单进行准备。提交动作必须由submit开始
ajaxSubmit
马上由AJAX来提交表单。你可以在任何情况下进行该项提交。
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????
???};???

示例代码摘自：http://www.malsup.com/jquery/form/#code-samples
ajaxForm
The following code controls the HTML form beneath it. It uses ajaxForm to bind the form and demonstrates how to use pre- and post-submit callbacks