zoukankan      html  css  js  c++  java
  • 使用iframe实现提交表单不刷新页面

    正常情况下,当你向服务器发送数据的时候,你的浏览器将会打开action页面,并且不会重回到当前页面。但是有的时候,我们因为各种各样的要求,而不希望浏览器在提交数据的时候去刷新当前的页面或者转向到新的页面。

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

    <iframe style="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>

    form的target和iframe的name绑定。

  • 相关阅读:
    HDU4611+数学
    HDU4612+Tarjan缩点+BFS求树的直径
    HDU4602+推导公式
    HDU4607+BFS
    HDU1353+贪心
    HDU4545+LCS
    HDU4548+素数
    HDU4539+状态压缩DP
    HDU2110+母函数
    HDU1569+最大点权集
  • 原文地址:https://www.cnblogs.com/liuna/p/5649901.html
Copyright © 2011-2022 走看看