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

ttx9n · 发表于 2014-3-17 12:01:31

正常情况下，当你向服务器发送数据的时候，你的浏览器将会打开ACTION页面，并且不会重回到当前页面。但是有的时候，我们因为各种各样的要求，而不希望浏览器在提交数据的时候去刷新当前的页面或者转向到新的页面所以我们引入一个嵌入框架来解决这个问题。具体的原理是：当表单在提交数据的时候，不将提交目标设置为当前的页面，而是当前页面中的一个嵌入框架。
首先你应该在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>
这样的得到了我们需要的目标。

pb_tjc · 发表于 2023-4-13 06:15:52

抽根烟，下来看看再说

95nd4ba · 发表于 2023-11-10 17:45:18

2222222222222222

6q8s6p21 · 发表于 2024-3-21 07:16:47

我找了挺久终于找到了

3t0ukmu · 发表于 2024-5-10 11:52:27

问问问企鹅哇哇哇哇哇

95nd4ba · 发表于 2024-8-8 00:35:46

看看看看

64000928 · 发表于 2024-8-26 02:40:21

有什么好的服务器

tgdf · 发表于 2024-8-30 02:35:32

论坛有你更精彩！

5cf304mn2 · 发表于 2024-9-10 03:15:33

啊啊啊啊啊啊啊啊啊啊啊啊啊啊

gc4hg · 发表于 2024-9-16 11:55:09

下载来瞧瞧

账号		自动登录	找回密码
密码			立即注册

[HTML/Xhtml] 使用iframe实现提交表单不刷新页面

相关帖子