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