位置: 编程技术 - 正文

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有哪些不同点

  • 购买增值税发票金税盘计入什么科目?
  • 财务刷卡手续费怎么处理
  • 财务费用包含哪些项目
  • 其他应收款款项性质有哪几种
  • 资产减值损失可以抵税吗
  • 定额发票可以用旧的营业执照发票章吗
  • 收到银行汇票要去银行办理吗
  • 会计准则哪些科目变化最大
  • 购置办公用品有什么好处
  • 应取得未取得发票
  • 员工外出培训报告怎么写
  • 软件 企业
  • 企业安装监控费用怎么做账
  • 劳务公司开的专票需要交税吗
  • 武汉房产税多少
  • 外帐如何暂估应付账款
  • 小规模手撕发票申报填在哪
  • 动车票的税进行抵扣该填写在哪里
  • windows11怎么设置壁纸
  • 网页游戏玩着卡
  • 试乘试驾车入账分录
  • 小规模纳税人销售货物税率是多少
  • bc2.exe
  • iframe frame
  • antd upload组件
  • vue app打包
  • php数组实现原理
  • 读懂spring源码
  • electron引入vue
  • 购买样品入库的账务处理
  • 法人章两个字的怎么印
  • 收到政府补贴的账务处理
  • 原材料卖出去会计分录
  • 呆账核销账务处理程序
  • 固定资产升级账务处理
  • 个体户怎么交医保社保
  • 报关单填写要求怎么填
  • 财务费用利息收入是什么意思
  • 预付款已经开了发票要怎么做账
  • 收到证券公司信息
  • 出纳账务处理分录
  • 公司多交的社保费法律规定需要退还吗
  • 暂估入库有时间限制吗
  • 材料退库的流程
  • 机场工作人员的家属票
  • 提取备用金如何填写现金日记账
  • 企业退休返聘人员怎么规避风险
  • 公司突然改变工资结构
  • 减免增值税记账
  • 融资租赁和经营租赁的会计处理
  • 现金收账凭证
  • 年终奖和工资一起发吗
  • windows安装mysql5.7详细步骤
  • macos sierra版本10.12.6升级
  • 苹果macOS 14 正式发布
  • Linux系统复制图片
  • centos7安装教程详解
  • mac10.5系统
  • WinCfg32.exe - WinCfg32是什么进程
  • linux 追踪
  • linux查看开机运行时间
  • win7系统安装谷歌浏览器
  • win10正式版激活码
  • 微软发布更新的时间每月
  • win10系统下怎么将腾讯qlv格式转换mp4格式?
  • cocos做游戏
  • jquery滑动触发事件
  • 批处理文件的拷贝怎么写
  • css颜色值正确的表达形式
  • android 蓝牙 驱动 适配 sdio rk
  • 在unity中单例的主要作用
  • 黑马程序员学费多少钱2018
  • js调用图片代码
  • 使用jquery
  • python自带的http模块详解
  • 重庆电子税务局网页版登录
  • 深圳税务局工作时间表
  • 江西税务登记证查询官网
  • 船舶吨税的税目
  • 国家税务总局资阳市雁江区税务局
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设