位置: 编程技术 - 正文

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

  • 购买车辆保险的报告
  • 应交税费账目处理
  • 费用化的研发支出是否可以加计扣除
  • 公帐的钱可以转给个人私帐可以吗
  • 计提所得税是在结转损益之前还是之后
  • 销货方跨月开红字发票流程
  • 资产负债表里的固定资产是原值还是净值
  • 工程项目立项前的安全评估
  • 家电公司销售电器赠送小礼品如何做账?
  • 多交印花税申请怎么写
  • 企业接受基金投资的规定
  • 公司给员工发的工资要交税吗
  • 所得税网上申报表
  • 公司主要业务介绍
  • 特种设备培训费计入什么会计科目
  • 生产设备软件服务有哪些
  • 帐外资产 如何记账
  • 教育费附加免征还计提吗
  • 旅行社差额征税如何开票
  • 哪些企业所得税汇算清缴
  • 小规模开票软件服务费账务处理
  • 策划公司费用怎么算
  • 食堂购买蔬菜计算公式
  • vmware15虚拟机
  • 华为鸿蒙怎么看手机型号
  • 全民游戏盒子怎么卸载
  • 总账建账科目顺序
  • 银行多收的开户费怎么办
  • php字符串赋值
  • PHP:Memcached::casByKey()的用法_Memcached类
  • 什么是产品?产品的举例子
  • laravel5.4利用163邮箱发送邮件的步骤详解
  • 小规模附加税费
  • 企业出售生产设备能开票吗怎么开
  • form表单参数传递
  • linux的nano是什么意思
  • php数组中某个元素出现的个数
  • 嵌入html
  • vue3中使用gis地图
  • vue3动态路由权限
  • xi:xtreg命令
  • Yii2创建多界面主题(Theme)的方法
  • 逆回购要手续费吗
  • 注销营业执照的电话号码是多少
  • 合并报表中为什么要抵损益
  • 小规模纳税人的增值税账务处理
  • 发票验旧验的是哪些发票
  • 小企业销售收入分录
  • 建筑劳务公司一年赚多少钱
  • 避税的形式
  • 废旧物资回收公司名称
  • 装修公司开专票的税点是多少
  • 固定资产的核算内容包括
  • 小规模公司购买水泥怎么入账
  • 银行卡定期存款怎么取出来
  • 以物易物是什么时代
  • 完全成本法作业成本法变动成本法对企业的影响
  • 购入旧的固定资产还能一次性抵扣吗
  • 多个客户账款明细
  • 通过T_sql语句向其中一次填入一条数据或一次填入多条数据的方式填充数据
  • mysql免安装版本
  • Mac安装不了iTunes
  • 系统占用90g怎么删
  • realpopup.exe - realpopup是什么进程
  • 在centos上安装pycharm
  • 电脑已禁用ime是什么
  • linux怎么查看挂载点
  • cocos2dx 3.4 lua加密 setXXTEAKeyAndSign
  • opengl 变形
  • nodejs fs.open
  • android深度探索(卷1):hal与驱动开发
  • python如何用
  • 安卓手机照片压缩
  • jQuery Ajax和getJSON获取后台普通json数据和层级json数据用法分析
  • javascript基础
  • 2024年深圳房价
  • 江苏省官网
  • 税务局纳税服务品牌
  • 甘肃方正税务师事务所王小云
  • 伊朗开心果进口价格
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设