form表单提交不跳转

Others
发布于 2019-07-04 19:19:20 2276 次浏览

方案一

复制代码 
 <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);
     }) */ }