2019独角兽企业重金招聘Python工程师标准>>> hot3.png

AjaxSubmit 和AjaxForm区别

AjaxForm

ajaxForm()不能提交表单。在document的ready函数中,使用ajaxForm来为AJAX提交表单进行准备。提交动作必须由submit开始 ,
ajaxForm()适用于以表单提交方式处理ajax技术(需要提供表单的action、id、 method,最好在表单中提供submit按钮) 如:

115912_1SCK_560237.png

和submit按钮:

115937_5aJl_560237.png

ajaxSubmit 
ajaxSubmit()马上由AJAX来提交表单。你可以在任何情况下进行该项提交。

ajaxSubmit()适用于以事件的机制以ajax提交form表单(超链接、图片的click事件),该方法作用与ajaxForm()类似,但它更为灵活,因为他依赖于事件机制,只要有事件存在就能使用该方法。你只需指定该form的action属性即可,不需要提供submit按钮。

<!--HTML-->
<form id="form1" name="form1"><input id="userName" name="userName" value="姓名" /><input id="age" name="age" value="30" /><input type="submit" value="submit" /></form><input id="myButton" type="button" value="提交" /><!--javascript--><script type="text/javascript">var myData = {"CnName": "周佳良","EnName":"zhoujl"};$(function () {var ajaxFormOption = {type: "post",  //提交方式 dataType: "json", //数据类型 data: myData,//自定义数据参数,视情况添加url: "TestHandler.ashx?type=ajaxForm", //请求url success: function (data) { //提交成功的回调函数 document.write("success");}};//form中有submit按钮——方式1$("#form1").ajaxForm(ajaxFormOption);//form中有submit按钮——方式2$("#form1").submit(function () {$(this).ajaxSubmit(ajaxFormOption);return false;});//不需要submit按钮,可以是任何元素的click事件$("#myButton").click(function () {$("#form1").ajaxSubmit(ajaxFormOption);return false;});});</script>

另外其他属性/方法:

target        返回的结果将放到这个target下
url           如果定义了,将覆盖原form的action
type          get和post两种方式
dataType      返回的数据类型,可选:json、xml、script
clearForm     true,表示成功提交后清除所有表单字段值
resetForm     true,表示成功提交后重置所有字段
iframe        如果设置,表示将使用iframe方式提交表单
beforeSerialize    数据序列化前:function($form,options){}
beforeSubmit  提交前:function(arr,$from,options){}
success       提交成功后:function(data,statusText){}
error         错误:function(data){alert(data.message);}

转载于:https://my.oschina.net/u/560237/blog/1633289

接上篇 jquery.form.js 的 $.ajaxForm()和 $.ajaxSubmit()相关推荐

  1. jQuery form插件之ajaxForm()和ajaxSubmit()

    代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> < ...

  2. jQuery form插件之ajaxForm()和ajaxSubmit()的可选参数项对象

    原文:http://www.jb51.net/article/78536.htm Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程. 测试环境:部署 ...

  3. jquery.form.js的ajaxSubmit和ajaxForm使用(用于多文件上传以及其他参数的混合提交)

    jquery.form.js的ajaxSubmit和ajaxForm使用(用于多文件上传以及其他参数的混合提交) ajaxSubmit 和ajaxForm区别 ajaxForm ajaxForm()不 ...

  4. jQuery.form.js使用

    jQuery.form.js是一个form插件,支持ajax表单提交和ajax文件上传. 下载地址 百度云:http://pan.baidu.com/s/1eQoYE46 360云:http://yu ...

  5. 【jQuery】使用jquery.form.js,获取提交表单返回值

    jQuery表单库介绍 实现 html 中提交表单并实现不跳转页面处理返回值 jQuery表单库(jquery.form.js库)以jQuery为基础,用于处理表单AJAX提交,使得表单AJAX提交简 ...

  6. jquery.form.js插件中ajaxSubmit提交在jquery1.4版本中的应用

    作者:xyzroundo 下以处理的是对含有 <input type"file"  /> 元素的表单,利用jquery.form 的ajaxSubmit方法进行类似aj ...

  7. jQuery.Form.js 异步提交表单使用总结

    jQuery.Form.js 是一个用于使用jQuery异步提交表单的插件,它使用方法简单,支持同步和异步两种方式提交. 第一步:引入jQuery与jQuery.Form.js 1 <scrip ...

  8. 使用jquery.form.js实现form表单无刷新提交简单示例

    2019独角兽企业重金招聘Python工程师标准>>> 直到今天,才发现JQuery原来有个Form表单插件,而且还是无刷新页面提交表单,看来自己还要多加强学习啊!不多说了,直接贴代 ...

  9. form提交--jquery.form.js

    jquery.form.js 官网  http://www.malsup.com/jquery/form/ 先写一个简单的form,提交后在后台打印参数. formsubmit.jsp <%@ ...

最新文章

  1. 深入浅出:对MySQL主从配置的一些总结
  2. java链式结构_(Java)单链表Java语言链式结构实现(数据结构四)
  3. Activiti数据库
  4. ubuntu不显示壁纸,桌面右键无反应
  5. BBC:乐在其中统计学 (2010)
  6. 钟 docker讲解
  7. c语言如何随机选择入口,c语言随机排列-----适用于初学者
  8. phoenixframework自动化测试平台1.4.6版本发布
  9. java String 常用方法集合
  10. Gitlab的管理使用手册
  11. 登陆界面输入框内加入小图标的样式
  12. 电子邮件收发这样实现!!!
  13. matlab 最小二乘解超定方程,matlab 超定方程 最小二乘解
  14. pythyon爬虫实现12306查票
  15. Springboot内嵌tomcat
  16. 主目录中文路径名转英文
  17. ***虚拟专用网技术
  18. 路缘石成型机应对公路项目施工的技术层面
  19. 2016c语言模拟试卷A,2016C语言习题模拟试卷一.doc
  20. Xdoc 水印 解决方式

热门文章

  1. 调试记录: LAN8720A
  2. 关税全线下调,鞋服企业如何应对?
  3. HP惠普暗影精灵9笔记本原装出厂Win11系统预装专用OEM系统镜像
  4. Java后端压缩JSON字符串,前端使用pako.min.js解压
  5. android studio合理的电脑配置
  6. PMP与ACP哪一个更有用?
  7. 基于JavaWeb的在线音乐系统
  8. 自媒体什么内容最赚钱?哪些平台收益高?
  9. 服务器安装系统时选择bios和uefi,主板传统BIOS引导与UEFI引导有何不同?选错了安装系统会出错的...
  10. html固定在屏幕右下角的信息(提示信息,广告)