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

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

yi_an

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

阅读量3.5w

点赞数 14

文章标签：前端 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可以设置为要触发的动作，在本例中，我写成空。