form表單submit按鈕提交頁面不跳轉


 

方案一      

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

方案二

 <html>    
  <body>    
      
  <form action="/api/user/register" method="post" id="registSubmit" >    
      <input type="text" id="id_input_text" name="nm_input_text" />    
      <input type="submit" id="id_submit" name="nm_submit" value="提交" />    
  </form>         
  </body>    
  </html>  
$('#registSubmit').on('submit', function(){
      registPost()
event.preventDefault() //阻止form表單默認提交
})
function registPost () { $.ajax({ type: "post", url: "/api/user/register", data: $('#registSubmit').serialize(), }).success(function(message) { console.log(message) }).fail(function(err){ console.log(err) }) /* 或者用jquery.form.min.js提交 $('#registSubmit').ajaxSubmit(function(message){ console.log(message); }) */
}

 


免責聲明!

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



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