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 Plupload上传插件的使用
Apr 19 jQuery
jQuery实现按比例缩放图片的方法
Apr 29 jQuery
jquery实现tab选项卡切换效果(悬停、下方横线动画位移)
May 05 jQuery
jQuery遮罩层实例讲解
May 11 jQuery
jQuery选择器_动力节点Java学院整理
Jul 05 jQuery
jQuery remove()过滤被删除的元素(推荐)
Jul 18 jQuery
jQuery实现简单日期格式化功能示例
Sep 19 jQuery
jQuery图片查看插件Magnify开发详解
Dec 25 jQuery
jQuery easyui datagird编辑行删除行功能的实现代码
Sep 20 jQuery
使用jQuery动态设置单选框的选中效果
Dec 06 jQuery
jQuery对底部导航进行跳转并高亮显示的实例代码
Apr 23 jQuery
jquery实现图片放大镜效果
Dec 23 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
oracle资料库函式库
2006/10/09 PHP
php后台多用户权限组思路与实现程序代码分享
2012/02/13 PHP
phpExcel中文帮助手册之常用功能指南
2014/08/18 PHP
RR vs IO BO3 第二场2.13
2021/03/10 DOTA
用Javascript做flash做的事..才完成的一个类.Auntion Action var 0.1
2007/02/23 Javascript
$.ajax返回的JSON无法执行success的解决方法
2011/09/09 Javascript
JavaScript mapreduce工作原理简析
2012/11/25 Javascript
JavaScript Math 对象常用方法总结
2016/04/28 Javascript
JavaScript String 对象常用方法详解
2016/05/13 Javascript
JS实现根据用户输入分钟进行倒计时功能
2016/11/14 Javascript
js实现点击切换checkbox背景图片的简单实例
2017/05/08 Javascript
9种使用Chrome Firefox 自带调试工具调试javascript技巧
2017/12/22 Javascript
jQuery实现表格隔行换色
2018/09/01 jQuery
在微信小程序中渲染HTML内容的方法示例
2018/09/28 Javascript
Vuex的基本概念、项目搭建以及入坑点
2018/11/04 Javascript
详解Vue源码中一些util函数
2019/04/24 Javascript
了解javascript中的Dom操作
2019/05/27 Javascript
vue实现codemirror代码编辑器中的SQL代码格式化功能
2019/08/27 Javascript
ES6 proxy和reflect的使用方法与应用实例分析
2020/02/15 Javascript
[02:28]DOTA2亚洲邀请赛 LGD战队巡礼
2015/02/03 DOTA
Python MD5文件生成码
2009/01/12 Python
Python批量重命名同一文件夹下文件的方法
2015/05/25 Python
Python的Flask框架的简介和安装方法
2015/11/13 Python
Django 缓存配置Redis使用详解
2019/07/23 Python
Python MySQLdb 执行sql语句时的参数传递方式
2020/03/04 Python
Python通过socketserver处理多个链接
2020/03/18 Python
CSS去掉A标签(链接)虚线框的方法
2014/04/01 HTML / CSS
在C++ 程序中调用被C 编译器编译后的函数,为什么要加extern "C"
2014/08/09 面试题
2014厂务公开实施方案
2014/02/17 职场文书
对标管理实施方案
2014/03/12 职场文书
校园文明倡议书
2014/05/16 职场文书
基层党组织建设整改方案
2014/09/16 职场文书
自我评价优缺点范文
2015/03/11 职场文书
认识实习感想
2015/08/10 职场文书
关于Numpy之repeat、tile的用法总结
2021/06/02 Python
python not运算符的实例用法
2021/06/30 Python