首頁 > web前端 > js教程 > js實作表單提交後不重新刷新目前頁面

js實作表單提交後不重新刷新目前頁面

高洛峰
發布: 2016-12-03 14:03:44
原創
1587 人瀏覽過

如何實現表單提交後不重新刷新當前頁面

<form name=&#39;form1&#39; id=&#39;form1&#39; action=&#39;/xbcw/cw/xx_xx.action&#39; method=&#39;post&#39;>
  <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

  

點保存提交事件裡面需要將target改為iframe的名字:

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

       JQuery:$("#f2")..L("target",

這樣即提交了FORM保存了資料,頁面也不會跳轉.


相關標籤:
js
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板