form表單submit提交 怎么實現(xiàn)form表單提交后不重新刷新當(dāng)前頁面?
怎么實現(xiàn)form表單提交后不重新刷新當(dāng)前頁面?$(“form”).submit(函數(shù)(事件){事件.preventDefault()var form=$(this)if(!窗體.hasClass(“f
怎么實現(xiàn)form表單提交后不重新刷新當(dāng)前頁面?
$(“form”).submit(函數(shù)(事件){事件.preventDefault()var form=$(this)if(!窗體.hasClass(“fupload”){//普通形式$。Ajax({類型:表格.attr(“method”),網(wǎng)址:表格.attr(“action”),數(shù)據(jù):表單.序列化()}). 成功(函數(shù)(){//submit successfully})。Fail(function(jqxhr,textstatus,errorthlow){//error message})else{//muitipart form,例如文件上載類var formdata=new formdata(this)$。Ajax({類型:表格.attr(“method”),網(wǎng)址:表格.attr(“action”),數(shù)據(jù):formData,MimeType:“multipart/form data”,contenttype:false,cache:false,processdata:false})。成功(function(){//submit successfully})。Fail(function(jqxhr,textstatus,errorthlow){//error message})
js實現(xiàn)表單提交后不重新刷新當(dāng)前頁面?
JQuery有一個Ajax方法實現(xiàn)異步(您稱之為no refresh),然后綁定表單的onsubmit事件,異步訪問您要提交的頁面,返回false(這樣這個頁面就不會被提交),這可以實現(xiàn)您稱之為no的功能刷新表單提交。代碼如下$(文檔)。就緒(函數(shù)(){//提交表單$(“#form ID”)。提交(函數(shù)(){jQuery.ajax文件({URL:“要提交的頁面”,數(shù)據(jù):$(“#表單ID”)。Serialize(),type:“post”,beforeSend:function(){//actions to be done before asynchronous submission},success:function(){//actions to be done after asynchronous submission})return單擊Save提交表單時,如何保持當(dāng)前頁面不變(即不刷新當(dāng)前頁面)在保存提交事件的窗體?您需要將目標(biāo)更改為iframe:Java代碼的名稱文件.表格[0]。目標(biāo)=“rfFrame”