Jquery让form表单异步提交代码实现
更新时间:2019年11月14日 10:20:26 作者:小鱼吃猫
这篇文章主要介绍了Jquery让form表单异步提交代码实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
这篇文章主要介绍了Jquery让form表单异步提交代码实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
1.监听表单提交事件,并阻止表单提交
$("form").submit(function(e) { return false;//阻止表单提交 })
2.拿到表单内容
let data = $("form").serialize(); //上边这个就是拿到表单的内容,如果你想要json格式,就要自己去处理 //hdxh=1&name=%E5%BC%A0%E4%B8%89 //直接拼在url后边 $.ajax({ url:"xxx"+"?"+data, success:res=>{ console.log(res{ } })
3.所以完整代码为:
$("form").submit(function(e) { let data = $("form").serialize(); $.ajax({ url:"xxx"+"?"+data, success:res=>{ console.log(res{ } }) return false;//阻止表单提交 })
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
相关文章
jquery UI Datepicker时间控件的使用方法(加强版)
这篇文章继续介绍了jquery UI Datepicker时间控件的使用方法,主要关于Datepicker插件的介绍和使用,并分享了第一个日历插件的使用实例,需要的朋友可以参考下2015-11-11jQuery创建自定义的选择器用以选择高度大于100的超链接实例
这篇文章主要介绍了jQuery创建自定义的选择器用以选择高度大于100的超链接,实例分析了jQuery自定义选择器的使用技巧,非常具有实用价值,需要的朋友可以参考下2015-03-03实现easyui的datagrid导出为excel的示例代码
下面小编就为大家带来一篇实现easyui的datagrid导出为excel的示例代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-11-11jquery实现点击label的同时触发文本框点击事件的方法
这篇文章主要介绍了jquery实现点击label的同时触发文本框点击事件的方法,涉及jQuery鼠标事件及页面元素操作的技巧,需要的朋友可以参考下2015-06-06
最新评论