form 表单提交数据 不跳转解决办法

1、  利用隐藏的 iframe —— 只需form的 target 指向iframe的name；可不用form 的action默认提交，自己写ajax 提交数据。

<html>    
  <body>    
      
  <form action="" method="post" target="hideIframe">    
      <input type="file" id="avator" name="avator" />    
      <input type="submit" id="submitBtn" value="提交" />    
  </form>    
      
  <iframe id="myIframe" name="hideIframe" style="display:none;"></iframe>    
      
  </body>    
  </html>

 2、e.preventDefault(); 禁止默认事件，禁止跳转！

$("#addSubmit").click(function (e) {
 
　　e.preventDefault();
　　var formData = new FormData($("#addForm")[0]);
　　$.ajax({...})
posted @ 2018-09-05 10:04  yanye411325  阅读(8139)  评论(0)  编辑  收藏  举报