- 浏览: 1684628 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (1323)
- easyui学习 (21)
- jquery (51)
- css (21)
- js (103)
- html (19)
- java (95)
- 测试工具 (7)
- oracle (45)
- eclipse (9)
- spring (8)
- 开源框架 (111)
- struts (12)
- hsqlbd (2)
- h2database (2)
- maven (8)
- activiti (2)
- sql语句 (7)
- fmpp (1)
- apache (2)
- tomcat (6)
- jbpm (2)
- ant (20)
- mysql (10)
- 业务需求 (54)
- ralasafe (3)
- Quartz (4)
- mybatis (8)
- flex (6)
- html5 (16)
- apache工具 (4)
- hibernate (5)
- linux (109)
- powerdesigner (3)
- 报表 (1)
- log4j (2)
- junit (1)
- shiro (4)
- wap (3)
- php (28)
- mantis (1)
- poi (3)
- extjs (1)
- 安防 (34)
- 网络 (113)
- UltraEdit (1)
- 手机 (9)
- freemarker (19)
- jquery mobile (28)
- css3 (1)
- 微信 (9)
- nodejs (7)
- 项目管理 (14)
- 文档 (13)
- ibatis (22)
- ftp (3)
- spring MVC (9)
- groovy (2)
- AngularJS (19)
- nginx (15)
- 会计 (5)
- hive (1)
- 分布式 (8)
- 设计模式 (4)
- velocity (2)
- 爬虫 (2)
- git (1)
- thymeleaf (4)
- activemq (5)
- bootstrap (1)
- Spring Batch (1)
- memcache (20)
- ttserver (1)
- Jenkins (1)
- cxf (1)
- axure (2)
- 银行金融 (11)
- c语言 (2)
- 大数据 (4)
- drools (4)
- python (2)
- 交易所 (1)
- haproxy (1)
- dubbo (3)
- dos (3)
- 人力资源 (4)
- 支付 (1)
- Intellij IDEA (1)
- IPO (1)
- springboot (1)
- 质量管理 (7)
- svn (1)
- 其他 (8)
- 阿里云 (2)
- 多媒体设计 (2)
- 数据库 (4)
- wps (0)
最新评论
-
masuweng:
en
Native.js -
rmnjava:
我按照你的方法写的,不起作用啊
easyui验证的删除和恢复 -
rmnjava:
原地址打不开了呀
easyui验证的删除和恢复 -
sunteng:
sunteng 写道这是json 吗[{url:'aaa'}, ...
freemarker解析json数组 -
sunteng:
这是json 吗
freemarker解析json数组
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
发表评论
-
jQuery插件PrintArea
2016-11-02 10:24 515jQuery插件PrintArea可实现打印页面某区域功能。 ... -
jQuery图片特效脚本prettyPhoto简介
2015-06-03 11:53 640prettyPhoto是一款基于jquery的轻量级的li ... -
JQuery上传插件Uploadify
2015-06-03 11:41 806Uploadify简单说来,是基于Jquery的一款文件上传 ... -
jquery右键菜单插件
2015-06-03 09:16 577Usage $(elements).contextMen ... -
jQuery Chosen Plugin
2015-04-30 16:36 424jQuery Chosen Plugin 是一个 jQue ... -
估计到底部scrool
2015-01-18 20:46 455function onscorllHandler(){ ... -
Jquery Mobile转场特效之slide
2014-12-31 22:07 965Jquery Mobile页面转场有诸多特效,其中slide ... -
Jquery之ShowLoading遮罩组件
2014-12-01 10:59 7063ShowLoading这个jQuery插件设计用于当运行Aj ... -
jquery ui datepicker使用
2014-10-27 11:52 538$("#regDate").datep ... -
jquery ajax queue
2014-09-24 11:01 883// 第一个ajax请求 $(document).qu ... -
使用jquery生成二维码qrcode
2014-09-20 13:49 723两种生成方式一种是canvas,另一种为table ... -
ajax的文件上传
2014-09-03 17:40 747jQuery.extend({ cre ... -
jQuery的loadmask插件
2014-09-03 11:07 9619LoadMask jQuery插件用于当DOM元素加载或变 ... -
jQuery.htmlClean
2014-05-19 14:23 1444jQuery Clean是一个用来对HTML内容进行整理和标 ... -
maskedinput插件
2013-08-17 14:38 1061我们让用户输入有固定格式数据的时候,例如电话号码,需要自己 ... -
好的jquery判断
2013-08-15 13:42 9291.通过is方法判断复选框是否选中 var inital ... -
jquery选择file可用片段
2013-08-01 18:02 768jquery的多文件选择器 var fileInput ... -
mockajax
2013-08-01 08:56 1844我们在做demo的时候,有时候需要做一些与后台进行交互的内 ... -
jquery 事件对象属性
2013-07-19 14:28 1080使用事件自然少不了事件对象. 因为不同浏览器之间事件对象 ... -
嵌套iframe跳转问题
2013-06-14 14:00 1820我们在做系统的时候,尤其是一个页面一个系统的哪种,往往我们通 ...
相关推荐
3. **初始化ajaxForm**:在JavaScript中,找到表单元素并调用ajaxForm方法。例如: ```javascript $('#myForm').ajaxForm({ dataType: 'json', // 数据类型,根据服务器返回的数据格式设置 beforeSubmit: ...
通过使用该插件的ajaxForm和ajaxSubmit方法,可以实现不刷新页面的情况下提交表单,并通过Ajax技术与服务器进行异步通信。本文将介绍这两个方法的使用和它们之间的区别。 ### 依赖的脚本文件 使用jQuery.form.js...
我们通常通过$.ajax()函数来发送Ajax请求,但对于文件上传,我们使用$.ajaxForm()方法或$.ajaxSubmit()方法,它们允许我们发送带有文件数据的Ajax请求。此外,我们还可以通过$.fn.ajaxSubmit()方法来扩展jQuery选择...
总的来说,jQuery Form插件通过提供方便的`ajaxSubmit`方法和其他相关功能,使得在网页中实现Ajax表单提交变得简单易行。遇到“form.ajaxSubmit is not a function”的错误时,引入该插件并正确使用,即可解决这个...
在调用`ajaxForm`或`ajaxSubmit`时,你可以传递一个Options对象,定制Ajax请求的行为。Options包括但不限于: - `beforeSubmit`: 提交前的回调函数,可以进行数据验证或预处理。 - `success`: 请求成功后的回调函数...
在jQuery中,`ajaxSubmit()` 是一个扩展方法,它包含在jQuery的form插件中,用于异步提交表单数据,而不会导致页面刷新。在使用`ajaxSubmit()` 之前,需要确保已经引入了jQuery库和`jquery.form.js` 插件。以下是对`...
1. **使用ajaxOptions参数**:在`.ajaxForm()`或`.ajaxSubmit()`中,可以通过`ajaxOptions`参数传递一个配置对象,其中包含`headers`字段来设置header。 2. **手动创建XMLHttpRequest**:如果上述方法无效,可以...
- **设置参数**:可以通过`data`选项向服务器传递额外的数据,例如`$("#formId").ajaxForm({data: {key: value}});`。 - **事件监听**:插件提供了`beforeSubmit`, `uploadProgress`, `success`, `error`等事件,...
- 在`ajaxForm`和`ajaxSubmit`中,你可以传递一个选项对象来定制行为,例如指定更新响应的页面元素(`target`)、提交数据的URL(`url`)、提交方式(`type`)、预提交回调(`beforeSubmit`)等。 这些方法和选项使得forms...
ajaxSubmit是jQuery Form插件中的一个方法,专门用于异步提交表单,包括文件上传。 1. **配置SpringMVC** 在SpringMVC的配置文件中,我们需要开启Multipart支持,以处理文件上传。这可以通过添加`...
### jQuery Form UI中文API知识点详解 #### 一、概述 ...它不仅支持标准的表单...- **API文档**: 提供了详细的API方法说明和示例代码。 以上是对`jquery form ui中文api`的相关知识点的详细介绍,希望对大家有所帮助。
2. `ajaxSubmit()`: 这个方法直接触发Ajax提交,与`ajaxForm()`类似,也可以接收回调函数或选项对象。它允许你在任何时候手动启动Ajax提交,而不必等待用户点击提交按钮。 除了这两个核心方法,jQuery Form插件还...
- **ajaxForm**:这个方法用于设置表单的事件监听器,为Ajax提交做准备。它可以在`document.ready`中使用,接受一个可选的回调函数或选项对象。 - **ajaxSubmit**:当需要立即通过Ajax提交表单时,可以调用这个方法...
通过`ajaxForm`或`ajaxSubmit`方法,可以传递一个`options`对象来定制提交行为。这个对象包含多个参数,可以控制表单提交前后的操作。 - `target`: 指定一个选择器,用于存放服务器返回内容的DOM元素。 - `...
在上述代码中,`options`对象定义了`ajaxSubmit`的配置参数,如`target`指定需要更新的DOM元素(在这个例子中是`#mydiv`)。`beforeSubmit`和`success`是可选的回调函数,分别在提交前和服务器响应后执行。`...
要使表单支持Ajax提交,你需要在文档加载完成后,使用`ajaxForm`方法绑定到表单上: ```javascript $(document).ready(function() { $('#myForm').ajaxForm(function() { alert("Thank you for your comment!"); ...
4. **自定义设置**:通过传递配置对象给`.ajaxSubmit()`,你可以定制请求参数,比如设置HTTP方法、数据类型、超时时间等。 ### 4. 表单验证与错误处理 由于此插件不处理异步上传,开发者需要自己处理表单验证。...