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