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

首頁(yè) > 語(yǔ)言 > JavaScript > 正文

form表單只提交數(shù)據(jù)而不進(jìn)行頁(yè)面跳轉(zhuǎn)的解決方案

2024-05-06 15:52:08
字體:
供稿:網(wǎng)友
將數(shù)據(jù)提交到saveReport(form的action指向)頁(yè)面,但是頁(yè)面又不進(jìn)行跳轉(zhuǎn),即保持當(dāng)前頁(yè)面不變呢?利用jquery的ajaxSubmit函數(shù)以及form的onsubmit函數(shù)完成

一般的form提交操作寫法為

復(fù)制代碼 代碼如下:


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


點(diǎn)擊submit按鈕或直接回車可以將數(shù)據(jù)提交到saveReport頁(yè)面,但是提交后也會(huì)跳轉(zhuǎn)到saveReport頁(yè)面

如何做到
將數(shù)據(jù)提交到saveReport(form的action指向)頁(yè)面,但是頁(yè)面又不進(jìn)行跳轉(zhuǎn),即保持當(dāng)前頁(yè)面不變呢??
這種需要在load一個(gè)頁(yè)面的時(shí)候尤其迫切。

利用jquery的ajaxSubmit函數(shù)以及form的onsubmit函數(shù)完成,如下:

復(fù)制代碼 代碼如下:



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


form增加一個(gè)id用于在jquery中調(diào)用,增加一個(gè)onsubmit函數(shù)用于submit前自己提交表單

saveReport對(duì)應(yīng)函數(shù)為

復(fù)制代碼 代碼如下:


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

return false; // 必須返回false,否則表單會(huì)自己再做一次提交操作,并且頁(yè)面跳轉(zhuǎn)
}

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 正阳县| 威远县| 铁岭市| 罗田县| 弥渡县| 黄大仙区| 稻城县| 广灵县| 离岛区| 贵州省| 辽源市| 东台市| 正定县| 西青区| 静宁县| 七台河市| 比如县| 天全县| 乳源| 犍为县| 永春县| 光泽县| 广宗县| 额济纳旗| 江安县| 敖汉旗| 黄梅县| 岚皋县| 乌恰县| 长治市| 米泉市| 林芝县| 尤溪县| 南江县| 张家口市| 潞西市| 嘉义市| 勃利县| 星子县| 榆树市| 邹城市|