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

前端技术 2023/09/06 HTML
所以我们引入一个嵌入框架来解决这个问题。具体的原理是：当表单在提交数据的时候，不将提交目标设置为当前的页面，而是当前页面中的一个嵌入框架。
首先你应该在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://www.stayed.cn/item/15833

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案