Jquery form表单提交

浏览数：20 / 时间：2015年06月09日

起因

由于项目中原先提交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 == "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就可以提交数据

Jquery form表单提交,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

Jquery form表单提交