您的位置:首页 > 其它

用iframe实现提交表单不刷新

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

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

首先你应该在body下面插入一个嵌入框架:

<iframe style="width:0; height:0; margin-top:-10px;" name="frame" src="about:blank"></iframe>
然后我们在表单中设置target属性:

<form name="testform" method="post" action="action.do" target="frame"> <input type="submit" value="提交"> </form>


这样设置以后当我们提交刷新的是iframe,而不是当前的frame,希望能帮助到大家
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: