form表单target的用法

2019独角兽企业重金招聘Python工程师标准>>>

偶然有一机会发现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将其隐藏。这样提交后的效果就和无刷新的效果一样。

转载于:https://my.oschina.net/shunshun/blog/168322