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

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

高洛峰
高洛峰原創
2016-12-03 14:03:441581瀏覽

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

<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保存了資料,頁面也不會跳轉.


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn