国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表

圖片精選

主站蜘蛛池模板: 会同县| 门源| 临桂县| 娄烦县| 杭锦后旗| 临朐县| 大同市| 肇源县| 保德县| 乌苏市| 大英县| 山阴县| 措美县| 育儿| 堆龙德庆县| 阿拉善盟| 靖江市| 永城市| 石城县| 晋中市| 新丰县| 水城县| 洱源县| 清苑县| 寿光市| 武宣县| 普宁市| 莫力| 车致| 石家庄市| 洪泽县| 廊坊市| 安西县| 崇文区| 法库县| 庆阳市| 将乐县| 自贡市| 星座| 遵义市| 遵义市|