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({...})


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM