Jquery form表单提交

起因

由于项目中原先提交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表单提交

最新文章

热门文章