form表单submit按钮提交页面不跳转

最新推荐文章于 2021-10-19 15:24:41 发布

weixin_33980459

最新推荐文章于 2021-10-19 15:24:41 发布

阅读量1.5k

点赞数

文章标签： php 前端 javascript ViewUI

原文链接：http://www.cnblogs.com/zhangruisoldier/p/9166497.html

版权

方案一　　　　　　

 <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); }) */ }