form表單無刷新跳轉

不會ajax 所以用的有點笨的方法，不管怎麼着反正功能大致能用了。

開始在form里加了一個onsubmit="return false;" 可以實現頁面的不跳轉，但是過了兩天onsubmit="return false;"突然不管用了，很奇怪啊

於是搜了一下原來form的target也可以實現頁面的不刷新不跳轉；

form表單的target，當將iframe設置爲隱藏時，可以實現當前頁表單提交而不進行跳轉刷新。代碼如下，首頁在頁面裏準備一個form表單和一個iframe。

<form action="提交的action" method="post" target="myIframe">
.....................
</form>
<iframe name="myIframe" style="display:none"></iframe>

<form action="提交的action" method="post" target="myIframe">
.....................
</form>
<iframe name="myIframe" style="display:none"></iframe>

 

 提交到action後，action返回一串javascript語句。

String script = "<script>alert('hello!');</script>";
response.getOutputStream().write(script.getBytes("utf-8"));

String script = "<script>alert('hello!');</script>";
response.getOutputStream().write(script.getBytes("utf-8"));

 

alert('hello')將在當前頁執行。原理是form提交後的結果在target指定的iframe裏執行，
而iframe已經隱藏了。這樣提交後的效果就和無刷新的效果一樣。