国产探花免费观看_亚洲丰满少妇自慰呻吟_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,否則表單會自己再做一次提交操作,并且頁面跳轉
}
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 永宁县| 成都市| 金华市| 桐柏县| 广州市| 定襄县| 白水县| 屏东县| 湘阴县| 子洲县| 南雄市| 奉化市| 张家川| 阜康市| 资溪县| 五河县| 和田市| 滕州市| 海原县| 常州市| 来宾市| 江都市| 汝阳县| 子洲县| 彰化县| 锦州市| 淄博市| 星子县| 龙川县| 京山县| 开平市| 栾城县| 兴化市| 吴堡县| 汨罗市| 巴林右旗| 玛沁县| 娄底市| 墨竹工卡县| 华蓥市| 岳普湖县|