Jquery让form表单异步提交代码实现


Posted in jQuery onNovember 14, 2019

这篇文章主要介绍了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 相关文章推荐
jQuery插件FusionCharts绘制2D环饼图效果示例【附demo源码】
Apr 10 jQuery
JQuery 封装 Ajax 常用方法(推荐)
May 21 jQuery
Jquery+Ajax+xml实现中国地区选择三级联动菜单效果(推荐)
Jun 09 jQuery
jQuery实现可拖动进度条实例代码
Jun 21 jQuery
jQuery使用ajax_动力节点Java学院整理
Jul 05 jQuery
vue单页应用中如何使用jquery的方法示例
Jul 27 jQuery
JQuery 又谈ajax局部刷新
Nov 27 jQuery
jQuery与vue实现拖动验证码功能
Jan 30 jQuery
集成vue到jquery/bootstrap项目的方法
Feb 10 jQuery
jquery 给动态生成的标签绑定事件的几种方法总结
Feb 24 jQuery
jQuery实现鼠标移入显示蒙版效果
Jan 11 jQuery
JQuery发送ajax请求时中文乱码问题解决
Nov 14 #jQuery
Jquery异步上传文件代码实例
Nov 13 #jQuery
jQuery实现滑动星星评分效果(每日分享)
Nov 13 #jQuery
jquery获取input输入框中的值
Nov 13 #jQuery
JS 遍历 json 和 JQuery 遍历json操作完整示例
Nov 11 #jQuery
javascript/jquery实现点击触发事件的方法分析
Nov 11 #jQuery
jquery ajax 请求小技巧实例分析
Nov 11 #jQuery
You might like
PHP实现递归复制整个文件夹的类实例
2015/08/03 PHP
PHP实现获取某个月份周次信息的方法
2015/08/11 PHP
PHP的数组中提高元素查找与元素去重的效率的技巧解析
2016/03/03 PHP
js简易namespace管理器 实例代码
2013/06/21 Javascript
JavaScript验证18位身份证号码最后一位正确性的实现代码
2014/08/07 Javascript
JQuery节点元素属性操作方法
2015/06/11 Javascript
Function.prototype.apply()与Function.prototype.call()小结
2016/04/27 Javascript
JS实现页面数据无限加载
2016/09/13 Javascript
将html页面保存成图片,图片写入pdf的实现方法(推荐)
2016/09/17 Javascript
jQuery Dialog 打开时自动聚焦的解决方法(两种方法)
2016/11/24 Javascript
jQuery插件FusionCharts实现的3D柱状图效果实例【附demo源码下载】
2017/03/03 Javascript
angularJs使用$watch和$filter过滤器制作搜索筛选实例
2017/06/01 Javascript
Web技术实现移动监测的介绍
2017/09/18 Javascript
puppeteer实现html截图的示例代码
2019/01/10 Javascript
原生JS实现逼真的图片3D旋转效果详解
2019/02/16 Javascript
解决layer.confirm快速点击会重复触发事件的问题
2019/09/23 Javascript
python判断端口是否打开的实现代码
2013/02/10 Python
Python3中多线程编程的队列运作示例
2015/04/16 Python
使用requests库制作Python爬虫
2018/03/25 Python
PyQt5实现拖放功能
2018/04/25 Python
详解Python3中ceil()函数用法
2019/02/19 Python
Django模型序列化返回自然主键值示例代码
2019/06/12 Python
python networkx 根据图的权重画图实现
2019/07/10 Python
Django如何实现密码错误报错提醒
2020/09/04 Python
python 如何使用find和find_all爬虫、找文本的实现
2020/10/16 Python
大学生农村教师实习自我鉴定
2013/09/21 职场文书
主治医师岗位职责
2013/12/10 职场文书
一份报关员的职业规划范文
2014/01/08 职场文书
2014社区三八妇女节活动方案
2014/03/30 职场文书
餐饮周年庆活动方案
2014/08/14 职场文书
政风行风评议整改方案
2014/09/15 职场文书
师德师风整改措施
2014/10/24 职场文书
安全保证书
2015/01/16 职场文书
2015年骨干教师工作总结
2015/05/26 职场文书
Pytorch distributed 多卡并行载入模型操作
2021/06/05 Python
Java各种比较对象的方式的对比总结
2021/06/20 Java/Android