form表單submit提交 怎么實(shí)現(xiàn)form表單提交后不重新刷新當(dāng)前頁(yè)面?
怎么實(shí)現(xiàn)form表單提交后不重新刷新當(dāng)前頁(yè)面?$(“form”).submit(函數(shù)(事件){事件.preventDefault()var form=$(this)if(!窗體.hasClass(“f
怎么實(shí)現(xiàn)form表單提交后不重新刷新當(dāng)前頁(yè)面?
$(“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實(shí)現(xiàn)表單提交后不重新刷新當(dāng)前頁(yè)面?
JQuery有一個(gè)Ajax方法實(shí)現(xiàn)異步(您稱之為no refresh),然后綁定表單的onsubmit事件,異步訪問(wèn)您要提交的頁(yè)面,返回false(這樣這個(gè)頁(yè)面就不會(huì)被提交),這可以實(shí)現(xiàn)您稱之為no的功能刷新表單提交。代碼如下$(文檔)。就緒(函數(shù)(){//提交表單$(“#form ID”)。提交(函數(shù)(){jQuery.ajax文件({URL:“要提交的頁(yè)面”,數(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提交表單時(shí),如何保持當(dāng)前頁(yè)面不變(即不刷新當(dāng)前頁(yè)面)在保存提交事件的窗體?您需要將目標(biāo)更改為iframe:Java代碼的名稱文件.表格[0]。目標(biāo)=“rfFrame”