位置: 编程技术 - 正文

JQuery中Ajax()的data参数类型实例分析

编辑:rootadmin

推荐整理分享JQuery中Ajax()的data参数类型实例分析,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

本文实例分析了JQuery中Ajax()的data参数类型。分享给大家供大家参考,具体如下:

前面简单分析介绍了《ajax中data传参的两种方式》,对于ajax参数传递方式有了初步的了解,这里就来进一步分析一下ajax中data参数的类型。

假如现在有这样一个表单,是添加元素用的。

我们不想使用表单submit的方式添加这个元素,我们就想使用ajax提交。

以前我们是这样实现的:

这没有什么错,就是获取表单元素的值实在是太麻烦....这里只有三项,很多项的时候就废了....

直到有一天,我发现了jquery的serializeArray方法

序列化表格元素 (类似 '.serialize()' 方法) 返回 JSON 数据结构数据。

注意,此方法返回的是JSON对象而非JSON字符串。需要使用插件或者第三方库进行字符串化操作。

返回的JSON对象是由一个对象数组组成的,其中每个对象包含一个或两个名值对——name参数和value参数(如果value不为空的话)。

我们来试试看

这个貌似用不上啊

我们使用JQuery.param()方法处理一下:

嘿这下符合我们的需求了吧,虽然不是json类型,但是至少可以作为data上传了。

这里我们可以直接在ajax的data处填上这个json数组,在jquery内部自己调用$.param()处理的。

我们来看下jquery.param()方法的说明:

JQuery中Ajax()的data参数类型实例分析

返回值:StringjQuery.param(obj,[traditional])

将表单元素数组或者对象序列化。

参数:

obj,[traditional]

数组或jQuery对象会按照name/value对进行序列化,普通对象按照key/value对进行序列化。

traditional:是否使用传统的方式浅层序列化。

demo:

看着说明,貌似也跟我们没关系啊,我们换一个json数组来看

这个转换不成功了吧,为什么我们表单的那种数据能够成功转换成url参数呢?我们来看下jquery源码

这下明白了吧,如果是json数据,那么挨个循环,只取他们的name属性和value属性拼接字符串。

如果是普通对象,循环该对象的属性,然后拼接字符串。

总结:

所以,本文要说的是,在jquery的ajax函数中,可以传入3种类型的数据1.文本:"uname=alice&mobileIpt=&birthday=--"2.json对象:{uanme:'vic',mobileIpt:'',birthday:'--'}3.json数组:

所以,我们可以一键获取表单并提交,非常方便。

补充:

其实提取表单数据的话只需要serialize()方法直接获取"uname=alice&mobileIpt=&birthday=--"这样的就可以了。

希望本文所述对大家jQuery程序设计有所帮助。

jQuery获取DOM节点实例分析(2种方式) 本文实例讲述了jQuery获取DOM节点。分享给大家供大家参考,具体如下:jQuery中包裹后的DOM对象实际上是一个数组,要获得纯粹的DOM对象可以有两种方式

jQuery进行组件开发完整实例 本文实例讲述了jQuery进行组件开发的方法,分享给大家供大家参考,具体如下:前面的《JavaScript组件开发》分析了JavaScript进行组件开发的技巧,这里分

Jquery插件easyUi实现表单验证示例 要实现的功能:在做添加学生信息的时候,利用easyui的验证功能判断学号是否重复和学号只能为数字最终效果如下图:但在做这个的过程中,遇到了一

标签: JQuery中Ajax()的data参数类型实例分析

本文链接地址:https://www.jiuchutong.com/biancheng/377715.html 转载请保留说明!

上一篇:jQuery检测滚动条是否到达底部(jquery获取滚动条位置)

下一篇:jQuery获取DOM节点实例分析(2种方式)(jquery获取document对象)

  • 农产品收购发票使用范围
  • 个人所得税的纳税方式有哪几种
  • 开票系统技术维护费怎么抵扣
  • 分公司可以独立承担法律责任吗
  • 累计个税是每年累计吗
  • 开票名称开错了
  • 小规模增值税的三个附加税计算公式是什么
  • 物流公司主营业务范围
  • 固定资产做错了怎么办
  • 公司股份无偿转让怎么办理流程
  • 绿化工程账务处理支出
  • 免交增值税是什么意思
  • 小规模纳税人改为一般纳税人需要什么材料
  • 应收账款转让的会计处理
  • 公司车辆交强险需要什么手续
  • 民办非企业单位可以盈利吗
  • 2021申请一般纳税人公司的条件
  • 个体户办营业执照需要什么证件和材料
  • 失控发票已取得怎么处理
  • 地税附加税减免政策
  • 这几点政府补助会计新准则值得关注
  • 超市个体工商户怎么取名
  • 固定资产进项发票可以抵扣吗为什么
  • 软件企业证书应该考什么
  • 企业职工教育经费计入什么科目
  • 家政公司可以开专票吗
  • 服务器研发属于什么行业
  • 为离职员工代缴社保 如何规避法律责任
  • 任务栏图标调大了怎么办
  • 购入需要安装的设备的会计分录
  • iis搭建php环境
  • 教育培训费能抵扣吗
  • PACKAGER.EXE - PACKAGER是什么进程 有什么用
  • macOS Big Sur 11.2 开发者预览版 Beta如何更新?
  • 购货公司丢失发货怎么办
  • 比利时的平菇能吃吗
  • 贴现息计入什么科目
  • 购买方收到的违约金计入
  • thinkphp框架入门
  • CV攻城狮入门VIT(vision transformer)之旅——VIT原理详解篇
  • node.js教程详细
  • 再次回归的成语
  • 长期股权投资会计准则
  • 小规模增值税减征额怎么算
  • 本年利润的会计分录有哪些
  • sqlcoalesce
  • sql server数据库正在恢复
  • linux mysql 安装与操作
  • 银行汇票背书
  • 房产税应纳税额计算例题
  • 进口增值税如何勾选认证
  • 什么是限制性股票激励
  • 疫情期间购买消毒弥雾机的请示
  • 公司法人往来款账务处理
  • 买车给了上牌费去车管所还用给钱吗
  • 报销单填写发票第几页交给财务
  • 发票没交税可以报销吗
  • u8委外怎么核销
  • 境外机构境内外汇账户管理办法
  • windows mysql5.5升级5.7
  • win101909激活
  • 网站windows
  • linux的ntp服务
  • xp系统如何获取ip地址
  • windows账户升级为管理员
  • linux简明教程
  • py常用函数
  • 控制数值颜色
  • js获取页面元素的方法
  • Node.js中的事件循环是什么
  • unity安卓游戏开发
  • 转换什么
  • python中字典的方法有哪些
  • enum枚举类型
  • 火狐firefox浏览器官网
  • jquery的form方法
  • 北京税务机关代码查询
  • 智利有什么自然景观
  • 国家税务局关于印发的通知
  • 交医保显示已申报怎么办
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设