当前位置:主页 > 查看内容

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

发布时间:2021-05-24 00:00| 位朋友查看

简介:所以我们引入一个嵌入框架来解决这个问题。具体的原理是:当表单在提交数据的时候,不将提交目标设置为当前的页面,而是当前页面中的一个嵌入框架。 首先你应该在body下面插入一个嵌入框架: 复制代码 代码如下: iframe style="width:0; height:0; margin-top……
所以我们引入一个嵌入框架来解决这个问题。具体的原理是:当表单在提交数据的时候,不将提交目标设置为当前的页面,而是当前页面中的一个嵌入框架。
首先你应该在body下面插入一个嵌入框架:

复制代码
代码如下:
<iframe style="width: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>

这样的得到了我们需要的目标。

原文链接:https://m.jb51.net/web/144221.html
本站部分内容转载于网络,版权归原作者所有,转载之目的在于传播更多优秀技术内容,如有侵权请联系QQ/微信:153890879删除,谢谢!

推荐图文


随机推荐