位置: 编程技术 - 正文

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

  • 营业税金及附加计算公式
  • 本年利润需要毎月转入未分配利润吗
  • 分摊房屋租赁费计入什么科目
  • 培训产生的住宿费算培训费吗
  • 跨区域经营企业
  • 其他应付款冲应收账款
  • 应收留抵税额退税款科目怎么添加进项
  • 港币转人民币怎么转账
  • 仲裁费用计入什么会计科目
  • 收到银行存款怎么记账
  • 利润分配从哪里取数
  • 免抵税额为什么不能抵下期
  • 预提工资是什么科目
  • 小微企业声明函怎么开
  • 应收账款坏账准备计算表
  • 小规模季度划分
  • 生产企业出口退税全部流程
  • 个人独资企业没有章程
  • 支付工会经费
  • 美金收入 如何交税
  • 销售合作分成会计分录
  • 网络公司的财务主要做什么
  • win10系统下怎么安装Java JDK及配置环境变量
  • psoft1.exe - psoft1是什么进程 有什么作用
  • 个税的适用税率有哪些
  • arm on windows
  • vant移动端开发
  • 新空调的安装费是多少
  • 预收账款的账务处理摘要
  • 零售企业进货退税政策
  • vue word editor
  • 公司未成立,发起人的责任
  • 北坡镇人民政府
  • PHP+HTML+JavaScript+Css实现简单爬虫开发
  • termux 安装
  • linux运行c++程序
  • 体验了一回
  • 车船税每年都要付吗
  • 销售费用占销售成本比例
  • 深入理解linux内核
  • 文明手语动作
  • 公益性捐赠支出纳税调整
  • 侵权赔偿补偿金如何计算
  • 什么是电子承诺
  • 开具红字增值税普通发票
  • 企业无力支付票据
  • 结转成本类账户及税金及附加到本年利润
  • 固定资产加速折旧的方法有哪些
  • 主营业务成本和营业成本的区别
  • 接受母公司捐赠现金分录
  • 新政府会计制度与旧制度区别
  • 以前年度少计费用,调整分录
  • 自制半成品怎么计算
  • 现代服务业营改增
  • 企业购买房产缴纳房产税
  • 资产负债表和科目余额表怎么核对
  • 园林绿化公司的税率是多少
  • 年度投资额看哪个科目
  • 房地产行业人工成本占比
  • sql中varchar和number比较
  • mysql5.7.17 zip 解压安装详细过程
  • 应用商店升级版
  • xp怎么关闭自启动
  • win2008远程桌面闪退
  • 网站备份是什么意思
  • pe,翻译
  • 编写批处理
  • python3 栈
  • ruby 递归
  • js层级选择器
  • js框架开发实例
  • python消息队列感知消息被消费
  • python3 heapq
  • 领导班子和领导干部政绩观偏差主要问题清单
  • 月收入28000的个税
  • 广州市国家税务局第三分局
  • 车辆购置税查询平台打印
  • 百旺金赋天津客服
  • 成效显著的近义词和反义词
  • 一人可以在多家企业上班吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设