国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > 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,否則表單會自己再做一次提交操作,并且頁面跳轉
}
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 天台县| 金沙县| 叶城县| 陵水| 奉贤区| 塘沽区| 荆州市| 乌兰浩特市| 宜章县| 怀柔区| 夏津县| 棋牌| 高密市| 莲花县| 广州市| 清远市| 广汉市| 安龙县| 政和县| 苏州市| 科尔| 四川省| 丰台区| 祥云县| 凤台县| 金昌市| 门源| 淳安县| 安远县| 井研县| 南木林县| 晋江市| 怀集县| 翼城县| 卢湾区| 通化市| 双柏县| 忻州市| 舞钢市| 射洪县| 马尔康县|