jquery异步提交表单在IE与火狐上的问题。IE中异步提交以后会刷新页面,而火狐出现多次提交问题
测试的表单<formname="pinfo_form"id="pinfo_form"method="post"><inputtype='file'id='fileUplo...
测试的表单
<form name="pinfo_form" id="pinfo_form" method="post"> <input type='file' id='fileUpload' name='fileUpload' /> <input type="text" value="asd" name="username" /> <button onclick="ajaxFileUpload()">asd</button> <button onclick="upload()">asd</button> </form>
下面为JS
function upload() { if (confirm("yes or no?")) {/FF在不刷
新页面时每提交一次发送的请求增加一次,不提交和IE一样刷新页面
if (window.ActiveXObject) {
aa();/IE提交不提交都要刷新页面 } else { $("#pinfo_form").submit(function(e) { e.preventDefault(); aa(); return false; }); } } else { alert("no"); } return false; } function aa() { $.ajax({ url : 'test2.jsp', data : $("#pinfo_form").serialize(), type : 'POST', datatype : 'text', success : function() { alert("保存成功"); }, complete : function(xhr) { alert(xhr.responseText); } }); } 展开
<form name="pinfo_form" id="pinfo_form" method="post"> <input type='file' id='fileUpload' name='fileUpload' /> <input type="text" value="asd" name="username" /> <button onclick="ajaxFileUpload()">asd</button> <button onclick="upload()">asd</button> </form>
下面为JS
function upload() { if (confirm("yes or no?")) {/FF在不刷
新页面时每提交一次发送的请求增加一次,不提交和IE一样刷新页面
if (window.ActiveXObject) {
aa();/IE提交不提交都要刷新页面 } else { $("#pinfo_form").submit(function(e) { e.preventDefault(); aa(); return false; }); } } else { alert("no"); } return false; } function aa() { $.ajax({ url : 'test2.jsp', data : $("#pinfo_form").serialize(), type : 'POST', datatype : 'text', success : function() { alert("保存成功"); }, complete : function(xhr) { alert(xhr.responseText); } }); } 展开
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询