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 Layer弹出层传值到父页面的实现代码
Aug 17 jQuery
jQuery实现倒计时功能 jQuery实现计时器功能
Sep 19 jQuery
jQuery实现浏览器之间跳转并传递参数功能【支持中文字符】
Mar 28 jQuery
jQuery分组选择器简单用法示例
Apr 04 jQuery
详解jQuery设置内容和属性
Apr 11 jQuery
JavaScript实现的弹出遮罩层特效经典示例【基于jQuery】
Jul 10 jQuery
jquery图片预览插件实现方法详解
Jul 18 jQuery
基于jquery ajax的多文件上传进度条过程解析
Sep 11 jQuery
js、jquery实现列表模糊搜索功能过程解析
Mar 27 jQuery
jQuery实现鼠标放置名字上显示详细内容气泡提示框效果的方法分析
Apr 04 jQuery
jQuery实现简单弹幕制作
Dec 10 jQuery
jQuery实现鼠标拖动图片功能
Mar 04 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
thinkPHP框架实现的无限回复评论功能示例
2018/06/09 PHP
PHP实现简单用户登录界面
2019/10/23 PHP
兼容IE/Firefox/Opera/Safari的检测页面装载完毕的脚本Ext.onReady的实现
2009/07/14 Javascript
由JavaScript技术实现的web小游戏(不含网游)
2010/06/12 Javascript
javascript通过class来获取元素实现代码
2013/02/20 Javascript
button没写type=button会导致点击时提交
2014/03/06 Javascript
javascript实现全角与半角字符的转换
2015/01/07 Javascript
基于JS代码实现图片在页面中旋转效果
2016/06/16 Javascript
Java中int与integer的区别(基本数据类型与引用数据类型)
2017/02/19 Javascript
javascript简写常用的12个技巧(可以大大减少你的js代码量)
2020/03/28 Javascript
vue 指定组件缓存实例详解
2018/04/01 Javascript
jquery的$().each和$.each的区别
2019/01/18 jQuery
如何将百度地图包装成Vue的组件的方法步骤
2019/02/12 Javascript
jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能示例
2019/05/27 jQuery
js实现简单掷骰子小游戏
2019/10/24 Javascript
微信小程序服务器日期格式化问题
2020/01/07 Javascript
vuex页面刷新导致数据丢失的解决方案
2020/12/10 Vue.js
[35:55]完美世界DOTA2联赛PWL S3 Rebirth vs CPG 第一场 12.11
2020/12/13 DOTA
easy_install python包安装管理工具介绍
2013/02/10 Python
Python数据分析之双色球中蓝红球分析统计示例
2018/02/03 Python
Python下调用Linux的Shell命令的方法
2018/06/12 Python
Python从文件中读取指定的行以及在文件指定位置写入
2019/09/06 Python
Ubuntu下Python+Flask分分钟搭建自己的服务器教程
2019/11/19 Python
实现CSS3中的border-radius(边框圆角)示例代码
2013/07/19 HTML / CSS
荷兰照明、灯具和配件网上商店:dmlights
2019/08/25 全球购物
美国环保妈妈、儿童和婴儿用品购物网站:The Tot
2019/11/24 全球购物
移动通信专业自荐信范文
2013/11/12 职场文书
企业出纳岗位职责
2014/03/12 职场文书
工作作风懒散检讨书
2014/10/29 职场文书
2014小学年度工作总结
2014/12/20 职场文书
创建文明城市倡议书
2015/04/28 职场文书
HTML基础-标签分类(闭合标签,空标签,块级元素,行内元素,行级块元素,可替换元素)
2021/03/31 HTML / CSS
Python3.8官网文档之类的基础语法阅读
2021/09/04 Python
mysql 子查询的使用
2022/04/28 MySQL
使用CSS实现黑白格背景效果
2022/06/01 HTML / CSS
python+pyhyper实现识别图片中的车牌号思路详解
2022/12/24 Python