表單target用法(頁面提交表單無刷新)

偶然有一機會發現form表單的target的用法,可以實現當前頁表單提交而不進行跳轉刷新。代碼如下,首頁在頁面裏準備一form表單和一iframe
Java代碼  收藏代碼
  1. <form action="提交的action" method="post" target="theID">  
  2. .....................  
  3. </form>  
  4. <iframe name="theID" style="display: none;"></iframe>  

提交到action後,action返回一串javascript語句
Java代碼  收藏代碼
  1. String script = "<script>alert('ok!');</script>";  
  2.         response.getOutputStream().write(script.getBytes("utf-8"));  

alert('ok')將在當前頁執行。原理是form提交後的結果在target指定的iframe裏執行
而iframe將其隱藏。這樣提交後的效果就和無刷新的效果一樣。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章