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

来源：爱站网时间：2020-04-10编辑：网友分享

我们在浏览页面的时候，正常情况是浏览器将打开操作页，然后返回数据到当前页，但是由于项目的需求，不希望浏览器在提交数据时刷新当前页或移动到新页，下面是爱站技术频道小编带给大家的使用iframe实现提交表单不刷新页面，以供有需要的朋友进行参考。

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

复制代码

代码如下:

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

复制代码

代码如下:

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

以上是爱站技术频道小编给大家介绍的使用iframe实现提交表单不刷新页面，阅读了这篇文章，相信对大家学习有了一定的帮助，想知道更多专业信息，请继续关注js.aizhan.com。