jQuery ajaxForm 表单提交
1.jQuery的设计非常优雅,其源代码亦给人以美感,利用jQuery框架写出来的js既简练又能完美跨浏览器。
2.jquery form插件是基于jQuery开发的一套能够利用ajax技术提交form的框架。
3.无论是jQuery,还是jquery form 都是老外写的。
4.通常的jQuery ajax提交写法如下:
5. $.post("../user/user.do?d=checkPasswordOnUpdateByAjax",{old_password:old_password.val()},function(xml){
6. });
7.其中:{old_password:old_password.val()}是挂的参数,为json串格式。如果只有几个参数,这种方法还是值得一用的,如果有几十个,从软件可维护性的角度去考虑,用这种方法实在不敢恭维。我曾经写过一个根据form的页内数据元素生成Json串的方法。但是对自己写的东西总觉得不够满意,有没有一种可以提交form数据的插件呢,google一下,输入关键字 jquery form plugin 。我很荣幸的搜到了我需要的东西,既然已经有轮子,自己发明的轮子暂时先放弃。从此我对jQuery form 的依赖及使用变得一发不可收拾。在我做的项目中大量的使用了该插件进行ajax数据提交。
8.把jquery form的相关文件导入页面
9.<script language="javaScript" src="../static/js/base/jquery.js"></script> <!--jquery 包-->
10.<script language="javaScript" src="../static/js/base/jquery.form.js"></script> <!--jquery form包-->
11.且二者顺序不可以放反,因为文件是自上而下解析的。
12.function submitForm(){
13. var form = $("form[name=MsgForm]");
14. if($("input[name=user_name]").val() == null || $("input[name=user_name]").val() == ""){//这里是如果user_name为空则用ajaxform提交,否则按照传统方式提交。
15. //ajax form post
16. var options = {success:showResponse,resetForm:true,url:"../user/msg.do?d=sendMsgByAjax"};
17. form.ajaxForm(options);
18. return;
19. }
20. form.submit();// 传统form提交
21.}
22.function showResponse(xml){//回调函数
23. if(1 == xml){
24. alert("信息发送成功!");
25. }else{
26. alert("信息发送失败!");
27. }
28.}
29.注意:
30.xml的值1或者-1是后台用response打出来的。如下:
31.response.setContentType("text/html;charSet=UTF-8");
32.response.setCharacterEncoding("UTF-8");
33.PrintWriter pw = response.getWriter();
34.pw.println("1");
35.url就是form表单要提交到的地址,当然若不指定,会自动使用form里action的值。
36.success的值也是函数,就是提交表单处理完后要做的事
jQuery ajaxForm 表单提交相关推荐
- 表单ajax提交插件,jQuery Form 表单提交插件-----ajaxSubmit() 的应用
Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程. 测试环境:部署到Tomcat中的web项目. 一.ajaxSubmit() 介绍 立即通过AJA ...
- JQuery控制表单提交
规范化DOM 第一种方案: <form><div id="closePanel">+</div><div id="formTit ...
- jQuery 阻止表单提交
1. 利用 οnsubmit="return false" 阻止表单提交 <form action="" method="get" ...
- jQuery Form 表单提交插件-----ajaxSubmit() 的应用
Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程. 测试环境:部署到Tomcat中的web项目. 一.ajaxSubmit() 介绍 立即通过AJ ...
- jquery验证表单 提交表单
问题: jquery中使用submit提交按钮时,当return false后,依然会提交表单. 解决: 使用button按钮,而不是submit按钮 <script type="te ...
- 基于jQuery实现表单提交验证
html表单代码: 用户名: 邮箱: 个人资料: jQuery代码: $(function(){ $("form :input.required").each(function() ...
- jquery form表单提交成功,回调方法
先下载 jquery-form.js [#assign security=JspTaglibs["http://www.springframework.org/security/tags&q ...
- 如何通过纯javascript实现表单提交
如何通过纯javascript实现表单提交 通常,如果是POST方法,一般使用vuejs+axios,或使用Jquery实现表单提交.有些地方,我想使用纯JS实现,比方简单的登陆跳转.话不多说,看原代 ...
- jQuery最简单的表单提交方式
第一步:绑定事件 常用的与ajax相关的事件参考如下: 1.$(selector).click(function) 2.$(selector).change(function) 3.$(selecto ...
最新文章
- vue数组中数据变化但是视图没有更新解决方案
- pythoning ——3、数据类型(字符串)
- 《VMware vSphere企业运维实战》——2.6 使用vCenter Converter迁移物理机到虚拟机
- self的含义,为什么类调用方法时需要传参数?
- 053_Unicode字符官方标准四
- 浅析NameNode/DataNode/SecondaryNameNode源码注释
- 【转载】Linux关机命令详解
- c++ 多重背包状态转移方程_【考前再叮嘱】陌生方程式书写
- mysql如何修改开启允许远程连接
- MySQL 处理重复数据
- springMVC小记
- Python机器学习:KNN算法07数据归一化
- USF MSDS501 计算数据科学中文讲义·翻译完成
- python和java学哪个好-Python和Java两门编程语言,学习哪个更好?
- 在 Mac 上的“访达”中排序和排列项目
- 卡特兰数(Catalan)
- 离散信号(八)| 离散傅里叶变换DFT性质(圆周移位、圆周卷积)
- IDEA背景色和背景图片的设置
- 微信壁纸小程序源码修复图片无法下载-完美运营版本
- android10加载图片问题解决思路全程记录 FileNotFoundException: /content:/media/external/images
热门文章
- Hbase数据库完全分布式搭建以及java中操作Hbase
- 链路聚合技术及其配置
- Git分布式版本控制工具【IDEA版】【安装和使用以及上传代码到Gitee】(一篇文章精通系列)
- 【Binder 机制】AIDL 分析 ( 分析 AIDL 文件生成的 Java 源文件 | Binder | IBinder | Stub | Proxy )
- win10计算机联接多个网络,如何设置win10电脑连接两个显示器?
- springboot服务器没响应,记一次springboot 故障:接口无响应--》CPU 100%---》log无法写入---》磁盘满了...
- C++、高响应比优先算法
- xinetd(安装及配置xinetd)
- JdbcTemplate – 调用存储过程
- 通信原理仿真100例 | 多普勒频移的matlab仿真