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

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

 更新時(shí)間：2013年09月18日 17:58:34   作者：  
將數(shù)據(jù)提交到saveReport（form的action指向）頁(yè)面，但是頁(yè)面又不進(jìn)行跳轉(zhuǎn)，即保持當(dāng)前頁(yè)面不變呢？利用jquery的ajaxSubmit函數(shù)以及form的onsubmit函數(shù)完成
一般的form提交操作寫(xiě)法為
復(fù)制代碼 代碼如下:

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

點(diǎn)擊submit按鈕或直接回車(chē)可以將數(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 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對(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)
}

相關(guān)文章

  • autoPlay 基于jquery的圖片自動(dòng)播放效果

    autoPlay 基于jquery的圖片自動(dòng)播放效果

    效果類(lèi)似這種，自動(dòng)播放，實(shí)質(zhì)控制層的顯示隱藏。需要的朋友可以參考下。
    2011-12-12
  • 淺談jQuery事件綁定原理

    淺談jQuery事件綁定原理

    這篇文章主要介紹了淺談jQuery事件綁定原理，并做了簡(jiǎn)單分析，然后用實(shí)例來(lái)展示,需要的朋友可以參考下
    2015-01-01
  • jQuery+Ajax+PHP+Mysql實(shí)現(xiàn)分頁(yè)顯示數(shù)據(jù)實(shí)例講解

    jQuery+Ajax+PHP+Mysql實(shí)現(xiàn)分頁(yè)顯示數(shù)據(jù)實(shí)例講解

    這是一個(gè)典型的Ajax應(yīng)用，在頁(yè)面上，您只需要點(diǎn)擊“下一頁(yè)”，數(shù)據(jù)區(qū)將自動(dòng)加載對(duì)應(yīng)頁(yè)碼的數(shù)據(jù)，重新刷新數(shù)據(jù)區(qū)。類(lèi)似的效果在很多網(wǎng)站上應(yīng)用，尤其在一些需要展示大量圖片數(shù)據(jù)的網(wǎng)頁(yè)如淘寶商品列表頁(yè)，Ajax分頁(yè)效果讓您的網(wǎng)站數(shù)據(jù)加載顯得非常流暢。
    2015-09-09
  • Jquery使用JQgrid組件處理json數(shù)據(jù)

    Jquery使用JQgrid組件處理json數(shù)據(jù)

    這篇文章介紹了Jquery使用JQgrid組件處理json數(shù)據(jù)的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
    2022-06-06
  • 基于jQuery實(shí)現(xiàn)搜索關(guān)鍵字自動(dòng)匹配功能

    基于jQuery實(shí)現(xiàn)搜索關(guān)鍵字自動(dòng)匹配功能

    這篇文章主要介紹了基于jQuery實(shí)現(xiàn)搜索關(guān)鍵字自動(dòng)匹配功能，自動(dòng)匹配搜索關(guān)鍵詞功能廣泛應(yīng)用到搜索引擎當(dāng)中，感興趣的小伙伴們可以參考一下
    2015-10-10
  • jQuery右側(cè)選項(xiàng)卡焦點(diǎn)圖片輪播特效代碼分享

    jQuery右側(cè)選項(xiàng)卡焦點(diǎn)圖片輪播特效代碼分享

    這篇文章主要介紹了jQuery右側(cè)選項(xiàng)卡焦點(diǎn)圖片輪播特效，一段清新可愛(ài)的焦點(diǎn)圖輪播代碼，有需要的小伙伴可以參考下
    2015-09-09
  • jQuery使用before()和after()在元素前后添加內(nèi)容的方法

    jQuery使用before()和after()在元素前后添加內(nèi)容的方法

    這篇文章主要介紹了jQuery使用before()和after()在元素前后添加內(nèi)容的方法,實(shí)例分析了jQuery中before()和after()方法添加內(nèi)容的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
    2015-03-03
  • Jquery亂碼的一次解決過(guò)程 圖解教程

    Jquery亂碼的一次解決過(guò)程 圖解教程

    今天小朋友寫(xiě)了個(gè)程式，出現(xiàn)亂碼，將解決過(guò)程分享一下 為方便說(shuō)明，將環(huán)境簡(jiǎn)化，vs.net 2003, jquery-1.3.2.js, web service調(diào)用
    2010-02-02
  • jquery插件實(shí)現(xiàn)輪播圖效果

    jquery插件實(shí)現(xiàn)輪播圖效果

    這篇文章主要為大家詳細(xì)介紹了jquery插件實(shí)現(xiàn)輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2021-04-04
  • jQuery超贊的評(píng)分插件（8款）

    jQuery超贊的評(píng)分插件（8款）

    這篇文章主要介紹了8款超贊的jQuery評(píng)分插件，推薦給大家，有需要的小伙伴可以參考下
    2015-08-08

最新評(píng)論