麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

form表單只提交數據而不進行頁面跳轉的解決方案

2019-11-20 22:17:11
字體:
來源:轉載
供稿:網友
一般的form提交操作寫法為
復制代碼 代碼如下:

<form action="saveReport.htm" method="post">
……
<input type="submit" value="保存報告"/>
</form>

點擊submit按鈕或直接回車可以將數據提交到saveReport頁面,但是提交后也會跳轉到saveReport頁面

如何做到
將數據提交到saveReport(form的action指向)頁面,但是頁面又不進行跳轉,即保持當前頁面不變呢??
這種需要在load一個頁面的時候尤其迫切。

利用jquery的ajaxSubmit函數以及form的onsubmit函數完成,如下:
復制代碼 代碼如下:


<form id="saveReportForm" action="saveReport.htm" method="post" onsubmit="return saveReport();">
<input type="submit" value="保存報告"/>
</form>

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

saveReport對應函數為
復制代碼 代碼如下:

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

return false; // 必須返回false,否則表單會自己再做一次提交操作,并且頁面跳轉
}
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 成人精品视频在线 | 久久久久久久网站 | 久久精品a一级国产免视看成人 | 免费观看一区二区三区视频 | 成年人视频在线免费播放 | 国产精品欧美久久久久一区二区 | 日韩精品一二三区 | 中文字幕欧美专区 | 日韩.www| 秋霞a级毛片在线看 | 久久2019中文字幕 | 久久国产精品99国产 | 成年免费在线视频 | 精品国产一区二区三区四区在线 | h视频在线观看免费 | 一级毛片特黄 | 9999免费视频 | 国产二区三区在线播放 | 国产精品一区二区x88av | 精品久久久久久久久久中文字幕 | 免费观看一级 | 久在线草| 在线免费小视频 | 鲁丝一区二区三区不属 | 99riav国产在线观看 | 国产一国产精品一级毛片 | 538任你躁在线精品视频网站 | 九九热视频免费 | 操操操日日日干干干 | hdbbwsexvideo| 精品免费在线视频 | 精品久久久久久中文字幕 | 天天躁狠狠躁夜躁2020挡不住 | 蜜桃视频在线入口www | 香蕉久久久精品 | 国产亚洲精品综合一区 | 性欧美大战久久久久久久免费观看 | 女人裸体让男人桶全过程 | 一级毛片免费高清视频 | av手机在线免费播放 | 啪啪激情|