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>