使用iframe实现提交表单不刷新页面

正常情况下,当你向服务器发送数据的时候,你的浏览器将会打开action页面,并且不会重回到当前页面。但是有的时候,我们因为各种各样的要求,而不希望浏览器在提交数据的时候去刷新当前的页面或者转向到新的页面。

所以我们引入一个嵌入框架来解决这个问题。具体的原理是:当表单在提交数据的时候,不将提交目标设置为当前的页面,而是当前页面中的一个嵌入框架。
首先你应该在body下面插入一个嵌入框架:

<iframe style="0; height:0; margin-top:-10px;" name="submitFrame" src="about:blank"></iframe>

然后你应该设置表单的目标为这个嵌入框架,比如这样:

<form name="testform" method="post" action="apply.cgi" target="submitFrame">

   <input type="submit" value="提交" />

</form>

form的target和iframe的name绑定。

原文地址:https://www.cnblogs.com/liuna/p/5649901.html