js實(shí)現(xiàn)表單提交后不重新刷新當(dāng)前頁(yè)面
更新時(shí)間：2016年11月30日 09:20:01 作者：limeiky
本文介紹了如何通過(guò)js實(shí)現(xiàn)表單提交后不重新刷新當(dāng)前頁(yè)面的方法實(shí)例.既提交了FORM保存了數(shù)據(jù),頁(yè)面也不會(huì)跳轉(zhuǎn)，很實(shí)用。需要的朋友可以參考下
如何實(shí)現(xiàn)表單提交后不重新刷新當(dāng)前頁(yè)面
<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)前頁(yè)面維持不變(即不刷新當(dāng)前頁(yè))？
在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ù),頁(yè)面也不會(huì)跳轉(zhuǎn).
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家有所幫助，同時(shí)也希望多多支持腳本之家！
相關(guān)文章
最近因?yàn)楣ぷ餍枰?，弄了好多天的js了，老婆一問(wèn)我在弄 ajax, 一問(wèn)我在弄js，她都聽(tīng)得沒(méi)有一點(diǎn)興趣了，我自己感覺(jué)還好，畢竟做出來(lái)了東西就有成就感吧，這里把幾個(gè)有用但是不常見(jiàn)的東西貼出來(lái)供大家參考參考2009-02-02
javascript結(jié)合Canvas 實(shí)現(xiàn)簡(jiǎn)易的圓形時(shí)鐘
本文給大家分享的是javascript結(jié)合Canvas 實(shí)現(xiàn)簡(jiǎn)易的圓形時(shí)鐘，主要是對(duì)自己前段時(shí)間學(xué)習(xí)html5的canvas的一次小檢驗(yàn)，這里推薦給小伙伴們，有需要的可以參考下。2015-03-03
bootstrap table列和表頭對(duì)不齊的解決方法
這篇文章主要為大家詳細(xì)介紹了bootstrap table列和表頭對(duì)不齊的解決方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
JS獲取經(jīng)緯度并根據(jù)經(jīng)緯度得到城市信息簡(jiǎn)單示例
前端時(shí)間剛好使用了百度地圖的js api定位獲取用戶(hù)當(dāng)前經(jīng)緯度并獲取當(dāng)前詳細(xì)位置的功能,為了方便下次找起來(lái)方便一些自己在這里記錄一下,這篇文章主要給大家介紹了關(guān)于JS獲取經(jīng)緯度并根據(jù)經(jīng)緯度得到城市信息的相關(guān)資料,需要的朋友可以參考下2023-11-11
關(guān)于JavaScript中的Delete一直沒(méi)有弄的很清楚，最近看到兩篇這方面的文章，現(xiàn)對(duì)兩文中部分內(nèi)容進(jìn)行翻譯(內(nèi)容有修改和添加，順序不完全一致，有興趣推薦看原文)，希望能對(duì)大家有所幫助2012-09-09
動(dòng)態(tài)添加刪除表格行的js實(shí)現(xiàn)代碼
本篇文章主要是對(duì)動(dòng)態(tài)添加刪除表格行的js實(shí)現(xiàn)代碼進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-02-02
這篇文章主要為大家介紹了從Immutable.js到Redux函數(shù)式編程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
TreeView 用法，后臺(tái)結(jié)合asp.net需要的朋友可以參考下。2011-07-07
BootStrap 獲得輪播中的索引和當(dāng)前活動(dòng)的焦點(diǎn)對(duì)象
這篇文章主要介紹了BootStrap 獲得輪播中的索引和當(dāng)前活動(dòng)的焦點(diǎn)對(duì)象,本文給大家介紹的非常詳細(xì)，需要的朋友可以參考下2017-05-05
JavaScript中Array.map()的使用與技巧分享(附實(shí)際應(yīng)用代碼)
Array.map()適合需要返回新數(shù)組、進(jìn)行鏈?zhǔn)秸{(diào)用或不修改原數(shù)組的場(chǎng)景,它與forEach()的區(qū)別在于有返回值,基本語(yǔ)法中,callback函數(shù)處理每個(gè)元素并返回新值,本文介紹了JavaScript中Array.map()的使用與技巧分享(附實(shí)際應(yīng)用代碼),需要的朋友可以參考下2025-02-02