html form表单提交后不刷新不跳转的实现方法------

最新推荐文章于 2023-12-27 23:32:03 发布

转载最新推荐文章于 2023-12-27 23:32:03 发布 · 3.5w 阅读

标签

#前端 #html

收录于


  

  <html>  
    <body>  
      
    <form action="" method="post" target="nm_iframe">  
        <input type="text" id="id_input_text" name="nm_input_text" />  
        <input type="submit" id="id_submit" name="nm_submit" value="提交" />  
    </form>  
      
    <iframe id="id_iframe" name="nm_iframe" style="display:none;"></iframe>  
      
    </body>  
    </html>

在默认情况下，提交form表单后，是有刷新的。但是，有的时候，希望提交表单后不要刷新，免得把页面已经有的东东给刷跑了，那怎么搞呢（最近刚好碰到）？实例代码在上。

经测试，实现了功能。点击提交后，不跳转，不刷新，靠谱。其中， action可以设置为要触发的动作，在本例中，我写成空。