1. 程式人生 > >form 表單提交後,使頁面不跳轉

form 表單提交後,使頁面不跳轉

  • form 表單提交資料,往往會重新整理頁面,資料提交後會跳轉到其他頁面
  • 如果不需要重新整理頁面時,可以通過ifame實現無重新整理。
    在form表單下定義一個ifame
    將 form 的 target 屬性指向 iframe 的 name 屬性,這樣就實現了不重新整理頁面的form提交。

示例:

<form action="url" enctype="multipart/form-data" target="frameName">
	<input type="file">上傳檔案
	<button>提交</button>
</form>
<iframe src="" frameborder="0" name="frameName"></iframe>

資料提交後,頁面不會重新整理跳轉。對iframe,設定需要的樣式,即可。
在這裡插入圖片描述