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

js實(shí)現(xiàn)表單提交后不重新刷新當(dāng)前頁面

 更新時(shí)間：2016年11月30日 09:20:01   作者：limeiky  
本文介紹了如何通過js實(shí)現(xiàn)表單提交后不重新刷新當(dāng)前頁面的方法實(shí)例.既提交了FORM保存了數(shù)據(jù),頁面也不會(huì)跳轉(zhuǎn)，很實(shí)用。需要的朋友可以參考下

如何實(shí)現(xiàn)表單提交后不重新刷新當(dāng)前頁面

<form name='form1' id='form1' action='/xbcw/cw/xx_xx.action' method='post'>
　　<input type="button" id="btnSubmit" name="btnSubmit" value="保存" onclick="addKp()" class="Button2" />
　　<input type="button" id="btnSubmit" name="btnSubmit" value="下一步" onclick="doAddCwKpSubmit()" class="Button2" />
</form>

當(dāng)我點(diǎn)擊保存提交FORM表單后,如何讓當(dāng)前頁面維持不變(即不刷新當(dāng)前頁)？

在FORM表單后添加一個(gè)iframe

　　<iframe id="rfFrame" name="rfFrame" src="about:blank" style="display:none;"></iframe>

點(diǎn)保存提交事件里面需要將target改為iframe的名字:

　　JS:document.forms[0].target="rfFrame";

       JQuery:$("#f2").attr("target","rfFrame");

這樣即提交了FORM保存了數(shù)據(jù),頁面也不會(huì)跳轉(zhuǎn).

以上就是本文的全部內(nèi)容，希望對大家有所幫助，同時(shí)也希望多多支持腳本之家！

相關(guān)文章

  • 響應(yīng)式框架Bootstrap柵格系統(tǒng)的實(shí)例

    響應(yīng)式框架Bootstrap柵格系統(tǒng)的實(shí)例

    下面小編就為大家分享一篇響應(yīng)式框架Bootstrap柵格系統(tǒng)的實(shí)例，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
    2017-12-12
  • 一文解析JavaScript模塊構(gòu)建的三種方式

    一文解析JavaScript模塊構(gòu)建的三種方式

    在現(xiàn)代Web開發(fā)中,JavaScript庫的構(gòu)建和打包是一個(gè)至關(guān)重要的環(huán)節(jié),不同的構(gòu)建方式可以影響到庫的性能、可維護(hù)性和適用性,本文將深入剖析三種主要的JavaScript模塊構(gòu)建方式：CommonJS、ES模塊和AMD,我們將深入探討它們的工作原理、適用場景以及示例代碼
    2023-08-08
  • Nodejs使用mysql模塊之獲得更新和刪除影響的行數(shù)的方法

    Nodejs使用mysql模塊之獲得更新和刪除影響的行數(shù)的方法

    業(yè)余時(shí)間玩nodejs的時(shí)候遇到點(diǎn)蛋疼的情況, 在使用mysql模塊連接mysql操作, 想在update, delete語句的時(shí)候, 想知道到底u(yù)pdate, delete成功了沒有
    2014-03-03
  • 淺析JS中回調(diào)函數(shù)及用法

    淺析JS中回調(diào)函數(shù)及用法

    這篇文章主要介紹了JS中回調(diào)函數(shù)及用法，通過實(shí)例代碼給大家詳細(xì)介紹了什么是回調(diào)函數(shù)，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧
    2018-07-07
  • JS實(shí)現(xiàn)網(wǎng)站換膚

    JS實(shí)現(xiàn)網(wǎng)站換膚

    這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)網(wǎng)站換膚，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2022-07-07
  • 兼容FireFox 用javascript寫的一個(gè)畫圖函數(shù)

    兼容FireFox 用javascript寫的一個(gè)畫圖函數(shù)

    兼容FireFox 用javascript寫的一個(gè)畫圖函數(shù)...
    2007-08-08
  • javascript循環(huán)變量注冊dom事件 之強(qiáng)大的閉包

    javascript循環(huán)變量注冊dom事件 之強(qiáng)大的閉包

    是在循環(huán)過程過this被改變，注冊過的事件也被隨之改變，找到了一種解決方法
    2010-09-09
  • JavaScript中的isXX系列是否繼續(xù)使用的分析

    JavaScript中的isXX系列是否繼續(xù)使用的分析

    我們很容易被漂亮的代碼吸引，也不知不覺的在自己的代碼庫中加入這些。卻沒有冷靜的想過它們的優(yōu)劣。這不，我就收集了一系列形如 “是否為……？” 的判斷的boolean函數(shù)。
    2011-04-04
  • 教你用typescript類型來推算斐波那契

    教你用typescript類型來推算斐波那契

    斐波那契是自然界與社會(huì)中存在的一種數(shù)學(xué)規(guī)律,下面這篇文章主要給大家介紹了關(guān)于如何用typescript類型來推算斐波那契的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-01-01
  • 微信小程序制作表格的方法

    微信小程序制作表格的方法

    這篇文章主要為大家詳細(xì)介紹了微信小程序制作表格的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2019-02-02

最新評論