位置: 编程技术 - 正文

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

  • 什么是库存现金的盘亏
  • 报销为什么不能多家赔付
  • 快递费运费物流费一样吗
  • 金蝶k3如何设置凭证保存自动新增
  • 打印的电子发票需要盖章么
  • 只有费用没有收入成本怎么填所得税
  • 房东收到房租转让费会计处理
  • 民营企业月末要报哪些税
  • 一张发票开不足一台设备的金额怎么办
  • 收回公司经营权需要做什么
  • 可供出售金融资产新准则叫什么
  • 关税如何征收
  • 2021年工作绩效未达标扣工资
  • 事业单位的出纳要承担的责任是什么
  • 月结发票与实缴发票可以一起报销吗
  • 买车购置税为什么除11.3
  • 技术开发费税率13还是60
  • 可以对开发票吗
  • 领购纳税人状态注销或转非日期什么意思
  • 议价收购股份的账务处理
  • 经营租赁的固定资产计提折旧吗
  • 组织员工出游注意事项
  • 如何在excel中添加多行空白
  • 特殊工种人身安全保险费可以扣除吗
  • linux 文件夹压缩
  • 商业自持店铺出租合法吗
  • 增值税专用发票有几联?
  • 弃置费用的会计核算
  • hp workwise service是什么
  • linux网络接口状态命令
  • 基于中国国情的中国式现代化具有哪些特色
  • uniapp使用高德猎鹰服务
  • 什么叫转登记纳税人
  • 资产减值损失和存货跌价准备有什么区别
  • SpringBoot+Vue实现文件上传下载功能
  • 土地增值税扣除项目税金包括哪些
  • 其他债权投资按公允价值计量,为什么计提减值准备
  • 离职员工的个税忘记申报了补申报会被处罚吗
  • 土增税预征计征依据
  • sql server 2008数据库
  • python字典的特点和用处
  • 3分钟学会做蛋挞
  • 农机销售融资贷款流程
  • 关联方占用资金应对措施
  • 差额征税好吗
  • 如何算基数
  • sql2008怎么查询
  • 发票的类型分为哪几类
  • 差旅费报销原因
  • 滴滴电子普通发票能抵扣进项税吗
  • 递延收益为什么不影响利润总额
  • 销项税和进项税的区别
  • 个体户员工要签劳动合同吗
  • 调整以前年度所得
  • 公司基本账户提现规定
  • 残保金超比例奖励政策
  • 会计做账手工帐
  • 制造费用不结转成本 报表平吗
  • mysql5.5.62安装配置教程
  • MSSQL转MYSQL,gb2312转utf-8无乱码解决方法
  • 如何用命令关机
  • mac ios应用
  • kdeskcore.exe是什么
  • xp电脑状态栏跑到左边了怎么设置回来
  • 查看win8.1版本
  • win7没有媒体功能
  • 电脑window8系统怎么样
  • linux怎么使用
  • 围绕摄像机旋转怎么设置
  • [置顶]JM259194
  • html模板 js
  • 解析几何
  • shell怎么创建用户
  • excel替换一行内容
  • javascript总结笔记
  • Javascript字符串出现次数
  • 税务总局机关
  • 社保申报后多久缴费
  • 税务评定等级a是缴纳多少
  • 上海房产税税收
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设