位置: 编程技术 - 正文

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

  • 利润率的百分比
  • 环保设备折旧年限和残值率
  • 企业存货核算的内容包括
  • 资产负债表不平的原因有哪些
  • 员工食堂餐费可以报销吗
  • 税费改革是什么
  • 火车票退票手续费扣多少
  • 公司购买办公用品计入什么科目
  • 小企业税金及附加会计分录
  • 营改增金融商品范围
  • 商铺 公司
  • 资本金结汇资金用途
  • 上海地方教育费附加减半征收2018
  • 现金日记账本月合计图
  • 委托加工白酒的计税依据
  • 个人社保费需要交多少年
  • 工伤医疗费会计分录
  • 个人以非货币性资产投资个人所得税
  • 财政拨款结转的借贷方向
  • 员工工伤一次性赔偿申请书
  • windows11蓝牙不能用
  • linux命令执行成功后会返回什么
  • 内部控制的概念最早是从什么得来的
  • 多计提的增值税和附加税怎么冲减?
  • 土地增值税清算收入如何确定
  • 小规模纳税人缴税标准是什么
  • 试运行期间收入和成本怎么记账
  • php 调试工具
  • 现金折扣发生销售退回
  • 怎样把htm文件转成excel
  • 微前端Qiankun 子应用css后加载问题
  • 哪些支出可以计入成本科目
  • 银行开户费用怎么做账
  • yolov3原理及代码解析
  • nslookup命令大全
  • 物流辅助服务要办许可证吗
  • 销售成本销售收入的关系
  • 其他权益工具投资是什么类科目
  • 收到的稳岗补贴是否需要交税
  • 原版小说推荐
  • 表单上传文件
  • 将织梦dedecms转换到wordpress
  • 账实不符的后果和对策
  • 中华人民共和国企业所得税年度纳税申报表
  • 企业利润分配项目是什么
  • mysql集群配置
  • 房地产企业拆迁补偿费入账要求
  • 实际利率法如何理解
  • 借别人钱收据怎么写
  • 在建工程转固定资产凭证附件
  • 未收到投资款可以确认实收资本吗
  • 增值税发票过期一年未认证怎么办
  • 记账凭证修改有几种方法
  • 预期信用损失影响损益吗
  • 怎么修改ubuntu的ip地址
  • 开机f8显示英文字母
  • windows10电脑重置电脑
  • xp系统插u盘没反应怎么解决
  • linux中more命令详解
  • armcc.exe
  • WinXP系统建立VPN连接虚拟专用网络连接的途径
  • xp系统里的打印机怎么设置的和新7
  • memory在电脑里是什么意思
  • windows7不显示移动硬盘
  • js动态引入css文件
  • dos替换文件命令
  • jquery$符号
  • 基于jQuery实现Tabs选项卡自定义插件
  • js获取弹窗的元素
  • js alert()
  • 如何处理女寝关系
  • python流数据
  • js回调函数应用场景
  • 支付境外公司服务费需要缴纳哪些税费
  • 涉税服务业务是什么
  • 房地产企业税种认定标准
  • 河北个体工商户年报入口
  • 生产企业出口退税退的是哪部分的税
  • 南京税务局几点下班?
  • 四川税务法人实名采集
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设