位置: 编程技术 - 正文

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对象)

  • 实际发放股票股利是什么意思
  • 增值税减免附加税怎么申报
  • 出资人和法人承担责任
  • 水利基金应税项和减除项
  • 报表净利润是亏损可弥补数吗
  • 银行端查询缴税凭证怎么盖章
  • 安装服务费发票需要备注地址吗
  • 利润属于所有者权益类科目吗
  • 支付宝收据在哪儿看
  • 保证金抵扣货款分录
  • 如何解决私账流水过大的问题?
  • 计提营业账簿印花税怎么做账
  • 视同销售应付福利费账务处理是怎样的?
  • 酒店业小规模纳税人可以享受2023年应纳税额抵减政策吗
  • 个税申报没交会收滞纳金吗
  • 利用发票管税的意义
  • 固定资产房屋折旧年限及残值
  • 交税四舍五入差额怎么处理
  • 网上报税申报成功之后该怎么操作
  • 生产要素和资源的区别和联系
  • php基础入门教程
  • 苹果macOS 13.3 RC 发河北承德市承德县华夏电器
  • 会计凭证应该怎么写
  • 有进项没销项怎么处理,可以结转成本吗
  • php数组函数输出《咏雪》里有多少"片"字
  • mom.exe是什么
  • 委托开发软件如何入账
  • php date format
  • 资产收购的账务处理办法
  • 股权投资准备的主要内容
  • 数据结构考试内容
  • php如何生成html
  • react的高阶组件理解
  • php oracle 连接池
  • php判断useragent
  • python pymongo
  • vue3的
  • 图像边缘检测的基本原理
  • 【深度学习】详解 MoCo
  • 异地项目需要预缴增值税吗
  • 公司账户转账给个人要交税吗
  • 股权转让税收规定
  • 运输发票备注栏里一般需要备注的内容包括
  • 十年磨一剑的下一句幽默
  • 简易征收预缴税款
  • 普票和专票的
  • 劳务费怎么做账务处理
  • 研发费用怎么入帐
  • 通货紧缩的影响简答题
  • 简易征收 简易计税
  • 销售返利可以计入销售费用吗
  • 上年多计提的费用,今年如何记账
  • 购买土地的流程
  • 以前年度损益调整账务处理分录
  • 主播收钱违法吗
  • 建筑施工企业劳务费怎么入成本
  • 免征的教育费附加怎么做账
  • 长期股权投资的初始计量
  • 品牌笔记本电脑排行
  • Windows Server 2008:手足之争下的赢家
  • Windows Server 2008网络安全与终端服务
  • windowsxp如何重装ie浏览器重装
  • win制作mac启动
  • centos防火墙策略配置
  • winnook.exe - winnook是什么进程
  • win7开机后网络一直转圈怎么回事
  • 如何设置虚拟内存大小
  • cocos2dx4.0入门
  • js设置图片宽度
  • 整理出来
  • python appium 微信
  • unity编辑器安装
  • unity gettype
  • 很全面的成语
  • jquery去重复数组
  • 最简单的十个菜
  • js混杂模式
  • 税控盘怎么查看开票截止日期
  • 政府无偿划拨土地涉及的税费
  • 2023年四川城乡居民养老保险多少钱
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设