位置: 编程技术 - 正文

jQuery解析Json实例详解(jquery jsonview)

编辑:rootadmin

推荐整理分享jQuery解析Json实例详解(jquery jsonview),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript解析json,javascript解析json,jq读取json,jq读取json,jquery读取json文件,jquery 获取json的key,jq解析json数组,jq解析json数组,内容如对您有帮助,希望把文章链接给更多的朋友!

本文实例讲述了jQuery解析Json的方法。分享给大家供大家参考,具体如下:

前言

在WEB数据传输过程中,json是以文本,即字符串的轻量级形式传递的,而客户端一般用JS操作的是接收到的JSON对象,所以,JSON对象和JSON字符串之间的相互转换、JSON数据的解析是关键。

先明确2个概念例如:

JSON字符串:JSON对象:可以简单这样理解:

JSON对象是直接可以使用JQuery操作的格式,如C#中可以用对象(类名)点出属性(方法)一样;

JSON字符串仅仅只是一个字符串,一个整体,不截取的话没办法取出其中存储的数据,不能直接使用,除非你只想alert()他;

一、JSON字符串转换为JSON对象

要使用上面的str1,必须使用下面的方法先转化为JSON对象:

A:eval函数

eval函数可以直接将本质符合或者近似符合JSON格式的字符串转换为JSON对象,使用方式如:

eval('(' + str + ')'); //其中str就是满足本标题描述的字符串

以上均会输出结果“john”。

Eval方式可以转换以下标准和非标准格式字符串:

参见本例下载包中:JqueryDemo1.html

B:parseJSON函数

另一种将标准字符串转换为JSON对象的函数是parseJSON(),使用方式如jQuery.parseJSON(str)//其中str就是满足本标题描述的字符串

以上均会输出结果“john”。

此种方式仅支持标准格式:var str='{ "name": "John" }';

参见本例下载包中:JqueryDemo2.html

C:JSON.parse函数

还有一种将标准字符串转换为JSON对象的函数是JSON.parse(),使用方式如JSON.parse(str)//其中str就是满足本标题描述的字符串

以上均会输出结果“john”。

jQuery解析Json实例详解(jquery jsonview)

此种方式仅支持标准格式:var str='{ "name": "John" }';

参见本例下载包中:JqueryDemo3.html

以上结果一致,均输出姓名,如下图:

特别注意:如果obj本来就是一个JSON对象,那么使用eval()函数转换后(哪怕是多次转换)还是JSON对象,但是使用parseJSON()函数处理后会有问题(抛出语法异常)。

D:Other方式

如果忍不住想犯错,十分十分想解析非标准、非正规字符串,如:或者以及其他的你能想到的各种本质正确的非法格式,那么有扩展库可以解决

jquery-json 扩展库

下载地址在这里: jQuery ,对于 JSON 的使用,扩展了两个函数:toJSON和parseJSON

toJSON 函数用来将一个普通的 JavaScript 对象序列化为 JSON 对象。parseJSON函数用来将一个普通的 JavaScript 对象序列化为 JSON 对象too。

以上代码执行结果如:

参见本例下载包中:JqueryDemo5.html

二、将JSON对象转换为字符串

可以使用toJSONString()或者全局方法JSON.stringify()将JSON对象转化为JSON字符串。例如:或者

三、解析读取JSON

我们通过各种方式将字符串转换为JSON对象后就是解析他了。如上面的例子:就可以这样读取:弹出” mady”。我们遇到的JSON很少有这么简单的,比如复杂一点的JSON对象如:解析用: alert(str.GetUserPostByIdResult.Name);//一次点不出来,我多点几次弹出:”mady”。

再再复杂一点的如:如果你想单挑的话,解析用:弹出:“”。

如果你想群挑的话,解析用:

其中这个“#info”是个DIV的ID。输入结果如下图:

参见本例下载包中:JqueryDemo4.html

注意:本例如果要使用其他转换函数请更改字符串内单引号为双引号,外引号为单引号。本文完整实例代码代码点击此处本站下载。

希望本文所述对大家jQuery程序设计有所帮助。

jQuery解析json数据实例分析 本文实例分析了jQuery解析json数据的方法。分享给大家供大家参考,具体如下:先来看看我们的Json数据格式:[{id:,name:"小白",old:,sex:"男"},{id:,name:"小

jquery解析json格式数据的方法(对象、字符串) 本文实例讲述了jquery解析json格式数据的方法。分享给大家供大家参考,具体如下:json数据是我们常用的一种小型的数据实时交换的一个东西,他可以利

jquery实现移动端点击图片查看大图特效 本文的需求很简单:点击图片查看大图,再点大图隐藏。多用于移动端,因为移动端屏幕小,可能需要查看大图。具体实现代码!DOCTYPEhtmlhtmlmetacharset="utf

标签: jquery jsonview

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

上一篇:jquery制作图片时钟特效(jquery 图片)

下一篇:jQuery解析json数据实例分析(jquery解析json数据)

  • 消费税是指什么税
  • 增值税查询校验码是什么
  • 什么是增值税征免年限
  • 小规模企业可以收增值税专用发票吗
  • 过路费定额发票还能入账吗
  • 房产税是按不含税租金收入
  • 收购票怎么做会计分录
  • 制作费发票明细怎么填
  • 企业季度预缴所得税怎么账务处理
  • 运输业务增值税
  • 应计入资产负债表应付利息项目的有
  • 库存商品进项税额转出分录怎么写
  • 审计调整tb
  • 小规模纳税人代收水电费税率
  • 客运服务费怎么开票
  • 如何确定连锁店的纳税地点?
  • 广告公司需要交消费税吗
  • 30万以下免征附加税包含30万吗
  • 教育咨询发票怎么开具
  • 保险代理人佣金的规定
  • 印花税走什么费用
  • 电子税务局如何查询已开发票
  • 小规模纳税人可以退税吗?
  • 税控盘提示未抄报税
  • 小规模纳税人代账一年多少钱
  • 研发费用属于期余资产吗
  • 印花税的征收范围
  • 5000以下的固定资产当月一次性扣除怎么申报
  • 沙盘模型制作费用
  • php实现的中秋博饼游戏之绘制骰子图案功能示例
  • php ini
  • linux系统中安装web服务
  • 未抵扣的固定资产处理
  • sdstat.exe - sdstat是什么进程 有什么用
  • Win11 Dev 预览版 Build 25300
  • php数组函数,选班长
  • 应税货物销售额怎么填
  • thinkphp ide
  • 委托加工的加工费是含税的吗
  • PHP:mcrypt_module_is_block_algorithm_mode()的用法_Mcrypt函数
  • web期末大作业源代码
  • php提供的三种在函数内使用全局变量的方式
  • 隐藏php后缀
  • discuz安装使用教程
  • 公司承担员工的费用,员工违规吗
  • 计提税费可以记入成本吗
  • mysql中文乱码怎样用代码解决
  • 发票上密码区数字什么意思
  • 企业所得税的营业成本怎么填
  • 应交增值税转入未交增值税怎么算
  • 应收款和实收款区别
  • 小规模纳税人的条件
  • 社保应该如何缴纳
  • 纸质汇票什么时候能到账
  • 收到电费发票做账怎么做
  • 企业变卖汽车收入要交增值税吗
  • 建筑服务的税率是
  • 什么情况下要暂扣驾驶证
  • 填制记账凭证有哪些
  • 财务人员如何审合同课件
  • sql中case when的用法
  • mysql5.7.21安装
  • ubuntu20.4 ssh
  • linux系统基于
  • win7桌面图标跑到最下面怎么办
  • win7开机没反应怎么办
  • window8.1重装系统
  • win10系统怎么设置开机密码
  • fedora开机启动版本太多
  • 电脑自动重启命令
  • opengl编译
  • 迁移图片到另一台设备什么意思
  • es6 new set()
  • 基于unity3d
  • unity3d中用四元数 Quaternion来对一个坐标点进行旋转的初步体会
  • python队列只能一个个读取吗
  • unity旋转角度范围限制
  • 吉林省工伤保险咨询电话
  • 社保征管职责是什么
  • 台湾大学会计硕士
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设