`
流浪鱼
  • 浏览: 1684723 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

form插件ajaxForm和ajaxSubmit方法传递对象参数说明

 
阅读更多

form插件的ajaxForm和ajaxSubmit方法的Options对象还可以用来将值传递给jQuery的$.ajax方法。如果你熟悉$.ajax所支持的options,你可以利用它们来将Options对象传递给ajaxForm和ajaxSubmit

 

ajaxForm和ajaxSubmit都支持众多的选项参数,这些选项参数可以使用一个Options对象来提供。Options只是一个JavaScript对象,它包含了如下一些属性与值的集合:

-beforeSerialize

表单提交前被调用的回调函数。该方法提供了一个机会再提交数据前对数据进行操作或者修改。“beforeSerialize ”回调函数带两个调用参数:jQuery表单对象,以及传入ajaxForm/ajaxSubmit中的Options对象

 

-beforeSubmit

表单提交前被调用的回调函数。“beforeSubmit”回调函数作为一个钩子(hook),被提供来运行预提交逻辑或者校验表单数据。如果“beforeSubmit”回调函数返回false,那么表单将不被提交。“beforeSubmit”回调函数带三个调用参数:数组形式的表单数据,jQuery表单对象,以及传入ajaxForm/ajaxSubmit中的Options对象

 

-clearForm

布尔标志,表示如果表单提交成功是否清除表单数据

 

-data

一个包含附加数据的对象,用来在提交时附加自己的数据

 

-dataType

期望返回的数据类型。null、“xml”、“script”或者“json”其中之一。
dataType提供一种方法,它规定了怎样处理服务器的响应。
这个被直接地反映到jQuery.httpData方法中去。
下面的值被支持:
'xml':如果dataType == 'xml',将把服务器响应作为XML来对待。同时,如果“success”回调方法被指定, 将传回responseXML值。
'json':如果dataType == 'json', 服务器响应将被求值,并传递到“success”回调方法,如果它被指定的话。
'script':如果dataType == 'script', 服务器响应将求值成纯文本。

 

-error

当提交发生错误时的回调函数

 

-forceSync

 

-iframe

 

-iframeSrc

 

-iframeTarget

 

-replaceTarget

 

-resetForm

布尔标志,表示如果表单提交成功是否进行重置

 

-semantic

 

-success

表单成功提交后调用的回调函数。如果提供“success”回调函数,当从服务器返回响应后它被调用。然后由dataType选项值决定传回responseText还是responseXML的值

 

-target

指明页面中由服务器响应进行更新的元素。元素的值可能被指定为一个jQuery选择器字符串,一个jQuery对象,或者一个DOM元素

 

-type

指定提交表单数据的方法:“GET”或“POST”。

 

-uploadProgress

 

-url

指定提交表单数据的URL

 

 

分享到:
评论

相关推荐

    ajaxForm异步提交表单(含图片)

    3. **初始化ajaxForm**:在JavaScript中,找到表单元素并调用ajaxForm方法。例如: ```javascript $('#myForm').ajaxForm({ dataType: 'json', // 数据类型,根据服务器返回的数据格式设置 beforeSubmit: ...

    浅谈jquery.form.js的ajaxSubmit和ajaxForm的使用

    通过使用该插件的ajaxForm和ajaxSubmit方法,可以实现不刷新页面的情况下提交表单,并通过Ajax技术与服务器进行异步通信。本文将介绍这两个方法的使用和它们之间的区别。 ### 依赖的脚本文件 使用jQuery.form.js...

    jQuery.Form实现Ajax上传文件同时设置headers的方法

    我们通常通过$.ajax()函数来发送Ajax请求,但对于文件上传,我们使用$.ajaxForm()方法或$.ajaxSubmit()方法,它们允许我们发送带有文件数据的Ajax请求。此外,我们还可以通过$.fn.ajaxSubmit()方法来扩展jQuery选择...

    jquery-form.js

    总的来说,jQuery Form插件通过提供方便的`ajaxSubmit`方法和其他相关功能,使得在网页中实现Ajax表单提交变得简单易行。遇到“form.ajaxSubmit is not a function”的错误时,引入该插件并正确使用,即可解决这个...

    ajaxForm中文文档

    在调用`ajaxForm`或`ajaxSubmit`时,你可以传递一个Options对象,定制Ajax请求的行为。Options包括但不限于: - `beforeSubmit`: 提交前的回调函数,可以进行数据验证或预处理。 - `success`: 请求成功后的回调函数...

    jQuery使用ajaxSubmit()提交表单示例

    在jQuery中,`ajaxSubmit()` 是一个扩展方法,它包含在jQuery的form插件中,用于异步提交表单数据,而不会导致页面刷新。在使用`ajaxSubmit()` 之前,需要确保已经引入了jQuery库和`jquery.form.js` 插件。以下是对`...

    jquery.form.zip

    1. **使用ajaxOptions参数**:在`.ajaxForm()`或`.ajaxSubmit()`中,可以通过`ajaxOptions`参数传递一个配置对象,其中包含`headers`字段来设置header。 2. **手动创建XMLHttpRequest**:如果上述方法无效,可以...

    jquery文件上传js:jquery.form.js

    - **设置参数**:可以通过`data`选项向服务器传递额外的数据,例如`$("#formId").ajaxForm({data: {key: value}});`。 - **事件监听**:插件提供了`beforeSubmit`, `uploadProgress`, `success`, `error`等事件,...

    jquery的forms.js插件中文api

    - 在`ajaxForm`和`ajaxSubmit`中,你可以传递一个选项对象来定制行为,例如指定更新响应的页面元素(`target`)、提交数据的URL(`url`)、提交方式(`type`)、预提交回调(`beforeSubmit`)等。 这些方法和选项使得forms...

    SpringMVC+jQuery(ajaxSubmit) 异步上传图片

    ajaxSubmit是jQuery Form插件中的一个方法,专门用于异步提交表单,包括文件上传。 1. **配置SpringMVC** 在SpringMVC的配置文件中,我们需要开启Multipart支持,以处理文件上传。这可以通过添加`...

    jquery form ui中文api

    ### jQuery Form UI中文API知识点详解 #### 一、概述 ...它不仅支持标准的表单...- **API文档**: 提供了详细的API方法说明和示例代码。 以上是对`jquery form ui中文api`的相关知识点的详细介绍,希望对大家有所帮助。

    快速学习jQuery插件 Form表单插件使用方法

    2. `ajaxSubmit()`: 这个方法直接触发Ajax提交,与`ajaxForm()`类似,也可以接收回调函数或选项对象。它允许你在任何时候手动启动Ajax提交,而不必等待用户点击提交按钮。 除了这两个核心方法,jQuery Form插件还...

    Jquery提交表单 Form.js官方插件介绍

    - **ajaxForm**:这个方法用于设置表单的事件监听器,为Ajax提交做准备。它可以在`document.ready`中使用,接受一个可选的回调函数或选项对象。 - **ajaxSubmit**:当需要立即通过Ajax提交表单时,可以调用这个方法...

    jquery表单插件form使用方法详解

    通过`ajaxForm`或`ajaxSubmit`方法,可以传递一个`options`对象来定制提交行为。这个对象包含多个参数,可以控制表单提交前后的操作。 - `target`: 指定一个选择器,用于存放服务器返回内容的DOM元素。 - `...

    jQuery ajaxSubmit 实现ajax提交表单局部刷新

    在上述代码中,`options`对象定义了`ajaxSubmit`的配置参数,如`target`指定需要更新的DOM元素(在这个例子中是`#mydiv`)。`beforeSubmit`和`success`是可选的回调函数,分别在提交前和服务器响应后执行。`...

    jquery表单提交

    要使表单支持Ajax提交,你需要在文档加载完成后,使用`ajaxForm`方法绑定到表单上: ```javascript $(document).ready(function() { $('#myForm').ajaxForm(function() { alert("Thank you for your comment!"); ...

    jQuery-from

    4. **自定义设置**:通过传递配置对象给`.ajaxSubmit()`,你可以定制请求参数,比如设置HTTP方法、数据类型、超时时间等。 ### 4. 表单验证与错误处理 由于此插件不处理异步上传,开发者需要自己处理表单验证。...

Global site tag (gtag.js) - Google Analytics