form表單只提交數(shù)據(jù)而不進(jìn)行頁面跳轉(zhuǎn)的解決方案_jquery
來源：懂視網(wǎng)
責(zé)編：小采
時間：2020-11-27 21:13:47
form表單只提交數(shù)據(jù)而不進(jìn)行頁面跳轉(zhuǎn)的解決方案_jquery
form表單只提交數(shù)據(jù)而不進(jìn)行頁面跳轉(zhuǎn)的解決方案_jquery:一般的form提交操作寫法為 代碼如下: 點(diǎn)擊submit按鈕或直接回車可以將數(shù)據(jù)提交到saveReport頁面，但是提交后也會跳轉(zhuǎn)到saveReport頁面 如何做到 將數(shù)據(jù)提交到saveReport（form的action指向）頁面，但是頁面又不進(jìn)行跳轉(zhuǎn)，即保持當(dāng)前頁面不變呢。 這種需
導(dǎo)讀form表單只提交數(shù)據(jù)而不進(jìn)行頁面跳轉(zhuǎn)的解決方案_jquery:一般的form提交操作寫法為 代碼如下: 點(diǎn)擊submit按鈕或直接回車可以將數(shù)據(jù)提交到saveReport頁面，但是提交后也會跳轉(zhuǎn)到saveReport頁面 如何做到 將數(shù)據(jù)提交到saveReport（form的action指向）頁面，但是頁面又不進(jìn)行跳轉(zhuǎn)，即保持當(dāng)前頁面不變呢。 這種需
一般的form提交操作寫法為
代碼如下:
點(diǎn)擊submit按鈕或直接回車可以將數(shù)據(jù)提交到saveReport頁面，但是提交后也會跳轉(zhuǎn)到saveReport頁面
如何做到
將數(shù)據(jù)提交到saveReport（form的action指向）頁面，但是頁面又不進(jìn)行跳轉(zhuǎn)，即保持當(dāng)前頁面不變呢？？
這種需要在load一個頁面的時候尤其迫切。
利用jquery的ajaxSubmit函數(shù)以及form的onsubmit函數(shù)完成，如下：
代碼如下:
form增加一個id用于在jquery中調(diào)用，增加一個onsubmit函數(shù)用于submit前自己提交表單
saveReport對應(yīng)函數(shù)為
代碼如下:
function saveReport() {
// jquery 表單提交
$("#showDataForm").ajaxSubmit(function(message) {
// 對于表單提交成功后處理，message為提交頁面saveReport.htm的返回內(nèi)容
});
return false; // 必須返回false，否則表單會自己再做一次提交操作，并且頁面跳轉(zhuǎn)
}
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
form表單只提交數(shù)據(jù)而不進(jìn)行頁面跳轉(zhuǎn)的解決方案_jquery
form表單只提交數(shù)據(jù)而不進(jìn)行頁面跳轉(zhuǎn)的解決方案_jquery:一般的form提交操作寫法為 代碼如下: 點(diǎn)擊submit按鈕或直接回車可以將數(shù)據(jù)提交到saveReport頁面，但是提交后也會跳轉(zhuǎn)到saveReport頁面 如何做到 將數(shù)據(jù)提交到saveReport（form的action指向）頁面，但是頁面又不進(jìn)行跳轉(zhuǎn)，即保持當(dāng)前頁面不變呢。 這種需
