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绑定。

  • 相关阅读:
    HDU1196 ZOJ2417 Lowest Bit
    HDU1008 ZOJ2108 Elevator
    HDU2614 Beat
    HDU2057 A + B Again
    POJ3984 迷宫问题
    HDU1013 POJ1519 Digital Roots
    HDU2051 Bitset
    HDU2037 今年暑假不AC
    ACM入门练习与递推小结
    HDU2046 骨牌铺方格【递推】
  • 原文地址:https://www.cnblogs.com/liuna/p/5649901.html
Copyright © 2011-2022 走看看