首页 > 代码库 > Jquery form表单提交
Jquery form表单提交
<script type="text/javascript">// </script><script type="text/javascript" src="http://digg.com/tools/diggthis.js"></script><script type="text/javascript">// </script>
起因
由于项目中原先提交from是通过JavaScript指定action,在submit提交的,使用的方式,也不是很标准,造成除了ie之外的浏览器都不能正常的提交数据,做web项目还是要考虑到浏览器的兼容性的.
1.序列化form,通过Ajax提交
$.ajax({ cache: false, type: "POST", url: "readImage.do", data: $(‘#ff‘).serialize(), //序列化表单数据 async: true, //是否是异步,默认为异步 success: function(data) { if (data =http://www.mamicode.com/="ok") { window.parent.closeTab("阅片信息", "远程阅片", "doSearch();"); return false; } else { alert("诊毕提交数据失败,请重新提交!"); return false; } } });
2.Jquery easyUI form表单插件
$(‘#ff‘).form(‘submit‘, { url: "requestForm.ashx", success: function (data) { alert(data) } });
3.Jquery form插件
$("#ff").ajaxSubmit({ url: ‘../requestForm.ashx‘, success: function (data) { alert(data); }});
1.采用第一种方式提交form表单数据,是因为这种可控性比较大,想异步就异步,想同步就同步 2.第二种方式,虽然简单,可控性就没有那么大了,type="submit"才可以提交 3.可以使用Jquery form表单插件,比第二种方式使用差不多,type不需要submit就可以提交数据
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。