form表单提交不跳转
首页 > >    作者:lininn   2019年7月5日 15:19 星期五   热度:1390°   百度已收录  
时间:2019-7-5 15:19   热度:1390° 

方案一

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

二维码加载中...
本文作者:lininn      文章标题: form表单提交不跳转
本文地址:?post=364
版权声明:若无注明,本文皆为“覆手为雨”原创,转载请保留文章出处。
分享本文至:

返回顶部    首页    手机版本    后花园   会员注册   
版权所有:覆手为雨    站长: lininn