用iframe实现提交表单不刷新
2014-12-20 15:33
169 查看
正常情况下,当你向服务器发送数据的时候,你的浏览器将会打开ACTION页面,并且不会重回到当前页面。但是有的时候,我们因为各种各样的要求,而不希望浏览器在提交数据的时候去刷新当前的页面或者转向到新的页面。
所以我们引入一个嵌入框架来解决这个问题。具体的原理是:当表单在提交数据的时候,不将提交目标设置为当前的页面,而是当前页面中的一个嵌入框架。
首先你应该在body下面插入一个嵌入框架:
这样设置以后当我们提交刷新的是iframe,而不是当前的frame,希望能帮助到大家
所以我们引入一个嵌入框架来解决这个问题。具体的原理是:当表单在提交数据的时候,不将提交目标设置为当前的页面,而是当前页面中的一个嵌入框架。
首先你应该在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,希望能帮助到大家
相关文章推荐
- 利用iframe实现表单的无刷新提交
- 用iframe实现页面无刷新效果的表单提交
- iframe标签实现form表单提交无页面刷新(不需要js)---解析
- 使用iframe实现提交表单不刷新页面
- 使用iframe实现提交表单不刷新页面
- 使用iframe实现无刷新提交表单
- iframe标签实现form表单提交无页面刷新(不需要js)---解析
- 利用iframe实现提交表单是页面部分刷新
- iframe标签实现form表单提交无页面刷新(不需要js)---解析
- iframe标签实现form表单提交无页面刷新(不需要js)---解析
- iframe标签实现form表单提交(如文件上传下载)不刷新
- iframe标签实现form表单提交无页面刷新(不需要js)---解析
- html form表单提交后不刷新不跳转的实现方法------巧妙地用iframe
- 使用iframe实现提交表单不刷新页面
- 使用iframe实现无刷新表单提交
- iframe实现面页无刷新提交表单
- 利用iframe实现表单无刷新上传
- iframe嵌套跳转,刷新,表单提交
- jQuery ajax表单提交实现局部刷新 ajaxSubmit