欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間：2013年09月18日 17:58:34   作者：  
將數(shù)據(jù)提交到saveReport（form的action指向）頁面，但是頁面又不進(jìn)行跳轉(zhuǎn)，即保持當(dāng)前頁面不變呢？利用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頁面，但是提交后也會(huì)跳轉(zhuǎn)到saveReport頁面

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

利用jquery的ajaxSubmit函數(shù)以及form的onsubmit函數(shù)完成，如下：
復(fù)制代碼 代碼如下:


<form id="saveReportForm" 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對應(yīng)函數(shù)為
復(fù)制代碼 代碼如下:

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

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

相關(guān)文章

最新評論