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

来源：互联网发布：电脑淘宝微淘在哪里找编辑：程序博客网时间：2024/05/17 18:18

[html] view plain copy
<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可以设置为要触发的动作，在本例中，我写成空。

如何实现表单提交后不重新刷新当前页面

</form>

当我点击保存提交FORM表单后,如何让当前页面维持不变(即不刷新当前页)？

在FORM表单后添加一个iframe

点保存提交事件里面需要将target改为iframe的名字:

　　JS:document.forms[0].target="rfFrame";

JQuery:$("#f2").attr("target","rfFrame");

这样即提交了FORM保存了数据,页面也不会跳转.

阅读全文

0 0