ajaxForm 与ajaxSubmit
- ajaxSubmit 和ajaxForm区别
ajaxSubmit()马上由AJAX来提交表单。你可以在任何情况下进行该项提交。
ajaxSubmit()适用于以事件的机制以ajax提交form表单(超链接、图片的click事件),该方法作用与ajaxForm()类似,但它更为灵活,因为他依赖于事件机制,只要有事件存在就能使用该方法。你只需指定该form的action属性即可,不需要提供submit按钮。
- 示例代码
1 <!--HTML--> 2 <form id="form1" name="form1"> 3 <input id="userName" name="userName" value="姓名" /> 4 <input id="age" name="age" value="30" /> 5 <input type="submit" value="submit" /> 6 </form> 7 <input id="myButton" type="button" value="提交" /> 8 <!--javascript--> 9 <script type="text/javascript"> 10 11 var myData = { 12 "CnName": "周佳良", 13 "EnName":"zhoujl" 14 }; 15 $(function () { 16 var ajaxFormOption = { 17 type: "post", //提交方式 18 dataType: "json", //数据类型 19 data: myData,//自定义数据参数,视情况添加 20 url: "TestHandler.ashx?type=ajaxForm", //请求url 21 success: function (data) { //提交成功的回调函数 22 document.write("success"); 23 } 24 }; 25 26 //form中有submit按钮——方式1 27 $("#form1").ajaxForm(ajaxFormOption); 28 29 //form中有submit按钮——方式2 30 $("#form1").submit(function () { 31 $(this).ajaxSubmit(ajaxFormOption); 32 return false; 33 }); 34 35 //不需要submit按钮,可以是任何元素的click事件 36 $("#myButton").click(function () { 37 $("#form1").ajaxSubmit(ajaxFormOption); 38 return false; 39 }); 40 41 }); 42 </script>
ajaxForm 与ajaxSubmit相关推荐
- JQuery读书笔记--JQuery-Form中的AjaxForm和AjaxSubmit的区别
JQuery中的AjaxForm和AjaxSubmit使用差不多功能也差不多.很容易误解. 按照作者的解释: AjaxForm ajaxForm不能提交表单.在document的ready函数中,使用 ...
- ajaxForm和ajaxSubmit
ajaxForm和ajaxSubmit 1.AjaxForm : ajaxForm不能提交表单.在document的ready函数中,使用ajaxForm来为AJAX提交表单进行准备.提交动作必须由s ...
- ajaxForm() 和 ajaxSubmit() 的用法与区别
一.Query.form.js 介绍 Query.form.js 是一个 form 插件,可以实现表单提交并在当前页面中处理返回值,即 html 中提交表单并实现不跳转页面处理返回值. 二.下载地址 ...
- 关于form表单提交ajaxForm和ajaxSubmit的用法与区别
原博客地址:最天才 ajaxForm和ajaxSubmit两种方法都是实现form的ajax提交的方法,在使用这两种方法之前,首先需要安装form.js的插件,自己网上一搜就有. <script ...
- jQuery form插件之ajaxForm()和ajaxSubmit()
代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> < ...
- jquery-form插件的ajaxForm和ajaxSubmit的用法与区别
原文地址:https://www.cnblogs.com/fire-dragon/p/6708718.html 在使用这两种方法之前,首先需要安装form.js的插件,下载就不放了,网上一搜就有: & ...
- jQuery form插件的使用--ajaxForm()和ajaxSubmit()的可选参数项对象
jQuery Form简介 jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易地.无侵入地升级HTML表单以支持Ajax. jQuery Form有两个核心方法 – ajaxForm ...
- jQuery form插件之ajaxForm()和ajaxSubmit()的可选参数项对象
原文:http://www.jb51.net/article/78536.htm Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程. 测试环境:部署 ...
- jq ajaxForm和ajaxSubmit 两者的区别
他们都是实现表单ajax提交的方法 区别如下: ajaxForm: 如果没有ajaxForm监听表单时会直接提交到PHP 然后可以打印数据,但是如果我们如果加入 $('#addunion').ajax ...
最新文章
- 为什么用户体验设计师需要像建筑师一样思考?
- NYOJ 17 单调递增最长公共子序列
- MDK linker和debug的设置以及在RAM中调试
- 吴恩达神经网络1-2-2_图神经网络进行药物发现-第2部分
- 【基础】ORACLE中on commit preserve rows和 on commit delete rows的区别
- RedisView-开源跨平台的Redis可视化工具
- java ajax级联_jQuery ajax级联二级菜单(转)
- 简单编程代码表白_用简单代码实现抖音表白神器
- 【刷题】BZOJ 3653 谈笑风生
- 【linux(1),八年Java开发心路历程
- 快速开发平台如何应用
- cmd命令打开文本文档_Windows常用CMD网络命令
- 用Jsoup从网页上抓取中国地区编号转变成Map
- html叫编程语言吗,html是编程语言吗
- SL-积雪效果(hitTest)雪人(snowman)
- 又一个好用的xbox360手柄驱动
- unreal4 源码引言
- 关于AndroidStudio打包后apk包名乱码的问题
- libmodbus协议栈4—— 总结
- replicate vs duplicate