ajaxSubmit

最新推荐文章于 2024-01-10 18:02:22 发布

lining213

最新推荐文章于 2024-01-10 18:02:22 发布

阅读量5.7k

点赞数

文章标签： function object server jquery forms attributes

本文链接：https://blog.csdn.net/lining213/article/details/5868814

版权

ajaxSubmit(object)

ajaxSubmit() provides a mechanism for submitting an HTML form using AJAX. ajaxSubmit accepts a single argument which can be either a success callback function or an options Object. If a function is provided it will be invoked upon successful completion of the submit and will be passed the response from the server. If an options Object is provided, the following attributes are supported: target: Identifies the element(s) in the page to be updated with the server response. This value may be specified as a jQuery selection string, a jQuery object, or a DOM element. default value: null url: URL to which the form data will be submitted. default value: value of form’s ‘action’ attribute method:

返回值

jQuery

参数

object (options): literal containing options which control the form submission process

示例

说明:

Submit form and alert server response

jQuery 代码:

$(‘#myForm’).ajaxSubmit(function(data) { alert(‘Form submit succeeded! Server returned: ‘ + data); });

说明:

Submit form and update page element with server response

jQuery 代码:

var options = { target: ‘#myTargetDiv’ }; $(‘#myForm’).ajaxSubmit(options);

说明:

Submit form and alert the server response

jQuery 代码:

var options = { success: function(responseText) { alert(responseText); } }; $(‘#myForm’).ajaxSubmit(options);

说明:

Pre-submit validation which aborts the submit operation if form data is empty

jQuery 代码:

var options = { beforeSubmit: function(formArray, jqForm) { if (formArray.length == 0) { alert(‘Please enter data.’); return false; } } }; $(‘#myForm’).ajaxSubmit(options);

说明:

json data returned and evaluated

jQuery 代码:

var options = { url: myJsonUrl.php, dataType: ‘json’, success: function(data) { // ‘data’ is an object representing the the evaluated json data } }; $(‘#myForm’).ajaxSubmit(options);

说明:

XML data returned from server

jQuery 代码:

var options = { url: myXmlUrl.php, dataType: ‘xml’, success: function(responseXML) { // responseXML is XML document object var data = $(‘myElement’, responseXML).text(); } }; $(‘#myForm’).ajaxSubmit(options);