form表單只提交資料而不進行頁面跳躍的解決方案_jquery

一般的form提交操作寫法為

複製程式碼 程式碼如下:

…

點擊submit按鈕或直接回車可以將資料提交到saveReport頁面，但提交後也會跳到saveReport頁面

如何做到
將資料提交到saveReport（form的action指向）頁面，但是頁面又不進行跳轉，也就是保持目前頁面不變呢？ ？
這種需要在load一個頁面的時候尤其迫切。

利用jquery的ajaxSubmit函數以及form的onsubmit函數完成，如下：

複製代碼 代碼如下:

form增加一個id用於在jquery中調用，增加一個onsubmit函數用於submit前自己提交表單

saveReport對應函數為

複製程式碼 程式碼如下:

程式碼如下:


🎜>// jquery 表單提交
$("#showDataForm").ajaxSubmit(function(message) {
// 對於表單提交成功後處理，message為提交頁面saveReport.htm的返回內容
});

return false; // 必須回傳false，否則表單會自行再做一次提交操作，並且頁面跳轉}