位置: 编程技术 - 正文

JQuery.Ajax()的data参数类型实例详解

编辑:rootadmin

推荐整理分享JQuery.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参数类型实例详解

看着说明,貌似也跟我们没关系啊,我们换一个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=--"这样的就可以了。

ps:jquery中ajax方法data参数的用法小结

jQuery实现带玻璃流光质感的手风琴特效 jQuery实现带玻璃流光质感的手风琴特效是一款基于jQuery+CSS3实现的带玻璃流光质感的手风琴特效,分享给大家,具体如下效果图:具体代码如下:html代

谈谈Jquery ajax中success和complete有哪些不同点 废话不多说了,先给大家贴一段代码看看吧,$.ajax({type:"post",url:url,dataType:'html',success:function(data){},complete:function(XMLHttpRequest,textStatus){},error:function(){}});suc

Jquery ajax基础教程 jQuery的Ajax带来了无需刷新的web页面革命。这里就详细介绍一下jQuery所涉及到的Ajax操作。(无需特殊说明,均需要有服务器配置,这里本人用的是Tomcat7

标签: JQuery.Ajax()的data参数类型实例详解

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

上一篇:Jquery Ajax Error 调试错误的技巧

下一篇:谈谈Jquery ajax中success和complete有哪些不同点

  • 高新技术企业产品是什么意思
  • 投资收益纳税调整明细表怎么填
  • 结转未交增值税会计科目怎么写
  • 出口退税增值税账务处理
  • 转登小规模以前的留抵税额能申请退吗
  • 工程招标费计入什么科目
  • 应收暂估账务处理
  • 培训咨询企业的发展前景
  • 经济合同
  • 经营租赁是主营业务收入吗
  • 律师行业税务如何做账
  • 应收应付明细表模板图片
  • 2018工资个税税率表
  • 工程材料发票备注栏未备注可以进成本吗
  • 个体工商户个税减免优惠政策
  • 开发商乱要回迁怎么投诉
  • 会议案例分析题及答案
  • 固定资产验收单图片
  • 营改增的纳税人
  • 长期股权投资的投资收益怎么算
  • 资产负债表要填年初余额吗
  • 工伤补偿需要缴税吗
  • 公司收到项目的现金
  • php正则表达式实例
  • php哈希表
  • 保总保安服务有限公司
  • 我的世界1.12.2优化下载
  • php判断两个给定值相同
  • lnmgr.exe是什么
  • 加勒比海百科
  • PHP:mcrypt_module_is_block_mode()的用法_Mcrypt函数
  • 车辆购置税的纳税义务发生时间为
  • 免税货物增值税计算公式
  • 企业向个人提供咨询服务
  • laravel distinct
  • 通讯费补贴如何入账
  • php框架选择2021
  • three.js 教程
  • YOLOv8(n/s/m/l/x)&YOLOv7(yolov7-tiny/yolov7/yolov7x)&YOLOv5(n/s/m/l/x)不同模型参数/性能对比(含训练及推理速度)
  • 补缴税款后还能退税吗
  • 统计 α
  • atx系统的grpck命令可验证组的合法性
  • 待抵扣进项税额和进项税额的区别
  • 接受捐赠收入如何纳税
  • 什么是印花税,怎么征收
  • 公司购买的商品房怎么入账
  • 苹果cms仿站教程
  • 购进已经折旧提完的二手车
  • 含税价的基本定义是什么
  • 收到质量赔款涉税处理
  • 装饰公司购入材料税额会计分录
  • 物流企业货损赔付标准
  • 经营出租固定资产折旧费计入什么科目
  • 个体户查账征收和核定征收哪个好
  • 购买金税盘抵税会计分录
  • 进口货物的完税价格计算公式
  • 退休后的税费
  • 税局关于企业费用报销
  • 交易的价格
  • 数据库连接说明
  • sql怎么分组查询
  • 根据日期算时间
  • windowsserver2008密码规则
  • vmware虚拟机怎么卸载不了
  • windows route metric
  • 重装系统前 病毒怎么办
  • WinXP老显示器CRT显示器严重闪屏的修复方法
  • linux dns1
  • javascript数据结构与算法项目计算找零
  • js里写css
  • u3d手游开发
  • jq获取单选框的值
  • 安卓开发框架mvvm
  • unity3d快捷键
  • shell脚本-lt
  • 简单的横向棱纹魔杖
  • 银行和税务局的关系
  • 广东省国家税务总局稽查局局长
  • 赣州市民中心上班时间电话号码
  • 海口市哪个地方最漂亮
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设