首頁 > web前端 > js教程 > 主體

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

WBOY
發布: 2016-05-16 17:22:08
原創
1744 人瀏覽過

一般的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,否則表單會自行再做一次提交操作,並且頁面跳轉}
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!