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使用unlock.js插件实现滑动解锁
Apr 04 jQuery
Vue.js列表渲染绑定jQuery插件的正确姿势
Jun 29 jQuery
使用 jQuery 实现表单验证功能
Jul 05 jQuery
jQuery选择器中的特殊符号处理方法
Sep 08 jQuery
jquery实现倒计时小应用
Sep 19 jQuery
jquery自定义显示消息数量
Dec 19 jQuery
jQuery 点击获取验证码按钮及倒计时功能
Sep 20 jQuery
jQuery 同时获取多个标签的指定内容并储存为数组
Nov 20 jQuery
jQuery子选择器与可见性选择器实例分析
Jun 28 jQuery
Jquery让form表单异步提交代码实现
Nov 14 jQuery
jQuery模仿ToDoList实现简单的待办事项列表
Dec 30 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
第二节--PHP5 的对象模型
2006/11/16 PHP
验证token、回复图文\文本、推送消息的实用微信类php代码
2016/06/28 PHP
通过DOM脚本去设置样式信息
2010/09/19 Javascript
JS/jQuery实现默认显示部分文字点击按钮显示全部内容
2013/05/13 Javascript
Javascript中的回调函数和匿名函数的回调示例介绍
2014/05/12 Javascript
Jquery插件分享之气泡形提示控件grumble.js
2014/05/20 Javascript
Javascript实现简单的富文本编辑器附演示
2014/06/16 Javascript
jQuery使用empty()方法删除元素及其所有子元素的方法
2015/03/26 Javascript
jQuery实现淡入淡出二级下拉导航菜单的方法
2015/08/28 Javascript
js中遍历Map对象的简单实例
2016/08/08 Javascript
Node.js v8.0.0正式发布!看看带来了哪些主要新特性
2017/06/02 Javascript
基于jQuery的左滑出现删除按钮的示例
2017/08/29 jQuery
浅谈在vue项目中如何定义全局变量和全局函数
2017/10/24 Javascript
vue刷新和tab切换实例
2018/02/11 Javascript
vue form 表单提交后刷新页面的方法
2018/09/04 Javascript
JavaScript实现英语单词题库
2019/12/24 Javascript
基于javascript canvas实现五子棋游戏
2020/07/08 Javascript
Java多线程编程中ThreadLocal类的用法及深入
2016/06/21 Python
举例讲解Python编程中对线程锁的使用
2016/07/12 Python
python调用摄像头显示图像的实例
2018/08/03 Python
Python脚本按照当前日期创建多级目录
2019/03/01 Python
Python日志无延迟实时写入的示例
2019/07/11 Python
python代码 FTP备份交换机配置脚本实例解析
2019/08/01 Python
Python使用grequests(gevent+requests)并发发送请求过程解析
2019/09/25 Python
Python中的引用和拷贝实例解析
2019/11/14 Python
Python笔记之facade模式
2019/11/20 Python
在keras里面实现计算f1-score的代码
2020/06/15 Python
scrapy-splash简单使用详解
2021/02/21 Python
大学毕业感言
2014/01/10 职场文书
单位单身证明范本
2014/01/11 职场文书
公司开业庆典策划方案
2014/06/04 职场文书
出纳试用期自我鉴定范文
2014/09/16 职场文书
会计工作能力自我评价
2015/03/05 职场文书
学生会生活部工作总结2015
2015/03/31 职场文书
化工厂员工工作总结
2015/10/15 职场文书
基于CSS制作创意端午节专属加载特效
2022/06/01 HTML / CSS