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

时间 2019-12-11

原文原文链接

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

<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>

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

$("#addSubmit").click(function (e) {

　　 e.preventDefault();

　　var formData = new FormData($("#addForm")[0]);

　　$.ajax({...})

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

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