JQuery读书笔记-JQuery-Form中的AjaxForm跟AjaxSubmit的区别
日期：2014-05-16 浏览次数：20719 次
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????
???};???
???????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
//?prepare?the?form?when?the?DOM?is?ready?
$(document).ready(function()?{?
????var?options?=?{?
????????target:????????'#output1<
$(document).ready(function()?{?
????var?options?=?{?
????????target:????????'#output1<
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
