form表單只提交數據而不進行頁面跳轉的解決方案_jquery
來源:懂視網
責編:小采
時間:2020-11-27 21:13:47
form表單只提交數據而不進行頁面跳轉的解決方案_jquery
form表單只提交數據而不進行頁面跳轉的解決方案_jquery:一般的form提交操作寫法為 代碼如下: 點擊submit按鈕或直接回車可以將數據提交到saveReport頁面,但是提交后也會跳轉到saveReport頁面 如何做到 將數據提交到saveReport(form的action指向)頁面,但是頁面又不進行跳轉,即保持當前頁面不變呢。 這種需
導讀form表單只提交數據而不進行頁面跳轉的解決方案_jquery:一般的form提交操作寫法為 代碼如下: 點擊submit按鈕或直接回車可以將數據提交到saveReport頁面,但是提交后也會跳轉到saveReport頁面 如何做到 將數據提交到saveReport(form的action指向)頁面,但是頁面又不進行跳轉,即保持當前頁面不變呢。 這種需

一般的form提交操作寫法為
代碼如下:
點擊submit按鈕或直接回車可以將數據提交到saveReport頁面,但是提交后也會跳轉到saveReport頁面
如何做到
將數據提交到saveReport(form的action指向)頁面,但是頁面又不進行跳轉,即保持當前頁面不變呢??
這種需要在load一個頁面的時候尤其迫切。
利用jquery的ajaxSubmit函數以及form的onsubmit函數完成,如下:
代碼如下:
form增加一個id用于在jquery中調用,增加一個onsubmit函數用于submit前自己提交表單
saveReport對應函數為
代碼如下:
function saveReport() {
// jquery 表單提交
$("#showDataForm").ajaxSubmit(function(message) {
// 對于表單提交成功后處理,message為提交頁面saveReport.htm的返回內容
});
return false; // 必須返回false,否則表單會自己再做一次提交操作,并且頁面跳轉
}
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
form表單只提交數據而不進行頁面跳轉的解決方案_jquery
form表單只提交數據而不進行頁面跳轉的解決方案_jquery:一般的form提交操作寫法為 代碼如下: 點擊submit按鈕或直接回車可以將數據提交到saveReport頁面,但是提交后也會跳轉到saveReport頁面 如何做到 將數據提交到saveReport(form的action指向)頁面,但是頁面又不進行跳轉,即保持當前頁面不變呢。 這種需