JavaScript解析json格式数据简单示例
JavaScript解析json格式数据简单示例
本文通过for循环来获取json结点数据,需要的朋友可以参考以下这串json数据用来存储预加载的图片路径:
代码如下:
var imgData = [{name: "p1",src: "images/p1.jpg"}, {name: "p2",src: "images/p2.jpg"}, {name: "p3",src: "images/p3.jpg"}, {name: "p4",src: "images/p4.jpg"}, {name: "p5",src: "images/p5.jpg"}
]
下面这个函数可通过json每行的name来获取该行的路径src,让我们看一下代码:
代码如下:
function getData(name) {var picArr = imgData;var picSrc;for (var i = 0; i < picArr.length; i++) {var cur_person = picArr[i];if (cur_person.name == name) {picSrc = cur_person.src;}}return picSrc;
}
函数执行后将返回该行的src。
代码如下:
var g = getData("p1");
console.log(g);
输出后即可看到结果为:images/p1.jpg
JS对象与JSON格式数据相互转换
JS对象和JSON格式数据的相互转换其实就是两个问题:JS对象转换成为JSON格式数据、JSON格式数据转换成为JS对象。目前的项目数据交互几乎都用JQuery,所以处理流程是:前端页面数据-》JS对象-》jQuery提交-》python处理,另外一种就是倒过来。python肯定不能直接处理JS对象数据,所以要把JS对象转换成为python能处理的一种数据格式(通常是字典dict),同样,python取数据反馈到前端也要把字典数据转换成JS能处理的对象,这个中间转换数据格式通常就是JSON。
一、JS对象转换成为JSON
流程:读取前端页面数据,组装成为JS对象,并通过jQuery的$.post()方法传递给python。
处理:引用一个json2.js文件,调用JSON.stringify()方法。例如:var data = new Object(); var json_data = JSON.stringify(data);
读取:python这里就很简单了,用dict_data = json.loads(json_data)就OK了
二、JSON转换成为JS
流程:python组装一个dict数据并转成JSON格式传递给前端,或者前端通过jQuery的$.getJSON()方法直接读取这个JSON格式的数据
处理:用jQuery的一个方法$.parseJSON()将JSON格式的数据转成JS对象。例如:var json_data = $.getJSON(); var data = $.parseJSON(json_data);
读取:JS对像的操作就不必多说了
这里,python要把字典转换成JSON格式数据,用json.dumps()这个方法就行了
JavaScript解析json格式数据简单示例相关推荐
- php使用 js格式解析,JavaScript解析JSON格式数据的方法示例
本文实例讲述了JavaScript解析JSON格式数据的方法.分享给大家供大家参考,具体如下: 1.使用JavaScript提供的eval()函数function JsonText1() { var ...
- 对JavaScript解析JSON格式数据的理解
对JavaScript解析JSON格式数据的理解 一.JSON与JavaScript对象的关系 1,JSON的由来: 在21世纪初,Douglas Crockford(Web开发领域最知名的技术权威之 ...
- 【Python使用】Python解析JSON数据的基本方法/用MATLAB解析json格式数据
一 JSON数据格式介绍 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式. JSON建构于两种结构:json是Javascript中的对象和数组中的对象, ...
- python中json模块_Python使用内置json模块解析json格式数据的方法
本文实例讲述了Python使用内置json模块解析json格式数据的方法.分享给大家供大家参考,具体如下: Python中解析json字符串非常简单,直接用内置的json模块就可以,不需要安装额外的模 ...
- C++解析JSON格式数据
因为项目原因需要使用VC6.0解析JSON格式数据,这里首先介绍VC6.0编译JSON解析库的步骤. 首先你必须在http://sourceforge.net/projects/jsoncpp/fil ...
- javascript解析json格式的字符串,拼接后显示到表格中
知识点 解析json格式的字符串 拼接的HTML设置到tbody当中 加载json格式的对象 结果演示 html代码 <!DOCTYPE html> <html><hea ...
- Java-json系列(一):用GSON解析Json格式数据
GSON是谷歌提供的开源库,用来解析Json格式的数据,非常好用.如果要使用GSON的话,则要先下载gson-2.2.4.jar这个文件,如果是在Android项目中使用,则在Android项目的li ...
- Java解析JSON格式数据
Java解析JSON格式的数据主要用到两个类JSONObject和JSONArray,这两个类在json-lib-2.4-jdk15包中,在使用JSONObject时除了需要这个包外还需要相关的依赖包 ...
- 4、<VBA>学习用刘永富老师插件解析JSON格式数据
Sub 刘永富老师插件学习()Dim j As API.JSONSet j = New API.JSONj.Parse "{'data':{'route':{'destination':'1 ...
最新文章
- 《Java8实战》-第六章读书笔记(用流收集数据-01)
- vue Watcher分类 computed watch
- 机器学习第3天:多元线性回归
- 网络之DNS协议图解
- CPU版本文本分类代码 寒老师
- clickhouse kafka引擎入门
- oracle数字类型是什么格式,oracle字段类型NUMBER(38,3),括号中两个数字分别表示什么?...
- 一篇文章掌握Egg.js的核心用法
- SQL server 创建数据库代码,非常详细
- HTML+CSS京东商城静态页面实现(1)
- 怎么把磁盘合并成一个?两个硬盘分区合并,如何硬盘分区合并
- 【金融财经】金融市场一周简报(2017-09-15)
- a73*2+a53*2指的是什么_考验你脑细胞的时候到了!杨花落尽子规啼,闻道龙标过五溪中的子规指的是什么?|考验|脑细胞-360GAME...
- git reset, git status, git clean, .gitignore, git diff, git restore 的关系梳理
- CoBOT检测出AI开源框架TensorFlow中的缺陷
- RT-Thread学习笔记|TCS34725 RGB 颜色识别传感器详解
- 【Android】RXAndroid
- ISA(MIPS,ARM,RISC-V)中的算术运算溢出检测逻辑是怎样的?
- Keil C51教程
- thinkphp6 短信宝/腾讯云发送手机号验证码
热门文章
- 处理超时订单(超时未付款)的解决方案
- python 正方教务管理系统抢课脚本(仅供学习)
- 【Verilog数字系统设计(夏雨闻)5-------模块的结构、数据类型、变量和基本运算符号1】
- su和su-以及sudo的理解
- 奉劝学弟学妹,学完JavaScript就该学TypeScript了,让我们一起了解TypeScript和如何去搭建运行环境吧
- 看 阿里人的工作生活是怎样的|2017 阿里人影像纪录短片发布
- 每日新闻:联想怎么又是全球第一?
- ASP.NET Form Authentication - Membership Authentication
- 配置CLion进行嵌入式STM32的HAL库开发
- 动态规划之背包问题 01背包