form表单target的用法，实现无刷新提交页面

最新推荐文章于 2024-02-16 18:32:49 发布

转载最新推荐文章于 2024-02-16 18:32:49 发布 · 93 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/itjeff/p/4048825.html

文章标签：

本文介绍了如何通过将iframe设置为隐藏来实现在不进行页面跳转或刷新的情况下，从表单中收集数据并提交到指定位置的技术。通过在首页内创建一个隐藏的iframe和相应的表单，当用户提交表单时，action返回的javascript代码会在隐藏的iframe中执行，从而达到无刷新的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

form表单的target，当将iframe设置为隐藏时，可以实现当前页表单提交而不进行跳转刷新。代码如下，首页在页面里准备一个form表单和一个iframe。

Java代码

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

提交到action后，action返回一串javascript语句。

Js代码

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

alert('hello')将在当前页执行。原理是form提交后的结果在target指定的iframe里执行，
而iframe已经隐藏了。这样提交后的效果就和无刷新的效果一样。

转载于:https://www.cnblogs.com/itjeff/p/4048825.html