html form表單提交後不重新整理不跳轉的實現方法------
阿新 • • 發佈:2019-02-03
如何實現表單提交後不重新重新整理當前頁面
當我點選儲存提交FORM表單後,如何讓當前頁面維持不變(即不重新整理當前頁)?
在FORM表單後新增一個iframe
點儲存提交事件裡面需要將target改為iframe的名字:
這樣即提交了FORM儲存了資料,頁面也不會跳轉.
<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儲存了資料,頁面也不會跳轉.