回复“前端”即可获赠前端相关学习资料
【资料图】
今
日
鸡
汤
疾风知劲草,板荡识诚臣。JSON的一个常见用途是交换数据到从一个Web服务器,当从web服务器接收数据时,数据总是一个字符串。使用JSON.parse()方法解析这些数据,数据变成JavaScript对象。一、浏览器支持JSON.parse() 函数包括所有主要的浏览器和最新的ECMAScript(JavaScript)标准:
浏览器支持 |
---|
Firefox 3.5 ,Internet Explorer 8 ,Chrome, Opera 10 ,Safari 4 |
想象一下,我们从Web服务器收到这个文本:
"{ "name":"John", "age":30, "city":"New York"}"
使用JavaScript函数JSON.parse() 将文本转换成JavaScript对象:
var obj = JSON.parse("{ "name":"John", "age":30, "city":"New York"}");
注:确保文字是用JSON格式,否则你会得到一个语法错误。
在你的页面中使用JavaScript对象:
2. 从服务器获得JSON项目 JSON解析文本
你可以使用AJAX请求从服务器获得JSON。
只要来自服务器的响应是用JSON格式,您可以将字符串解析成JavaScript对象。
Ajax是什么?
Asynchronous JavaScript & XML。Ajax是web开发的一种技术。
var xmlhttp = new XMLHttpRequest();xmlhttp.onreadystatechange = function() {if (this.readyState == 4 && this.status == 200) {myObj = JSON.parse(this.responseText);document.getElementById("demo").innerHTML = myObj.name;}};xmlhttp.open("GET", "json_demo.txt", true);xmlhttp.send();
服务器端 访问成功!将JSON解析的内容保存在json_demo.txt。
3. 数组作为JSON当使用JSON.parse()方法的使用, 该方法将返回一个JavaScript数组, 而不是一个JavaScript对象.
var xmlhttp = new XMLHttpRequest();xmlhttp.onreadystatechange = function() {if (this.readyState == 4 && this.status == 200) {myArr = JSON.parse(this.responseText);document.getElementById("demo").innerHTML = myArr[0];}};xmlhttp.open("GET", "json_demo_array.txt", true);xmlhttp.send();
为了方便测速,自己创建了json_demo_array.txt文件。
json_demjo_array.txt
三、拓展解析日期(2种)在JSON中,日期对象是不允许的。
如果需要包含日期,请将其写成字符串.
1. 将其转换为日期对象:var text = "{ "name":"John", "birth":"1986-12-14", "city":"New York"}";var obj = JSON.parse(text) {obj.birth = new Date(obj.birth);document.getElementById("demo").innerHTML = obj.name + ", " + obj.birth;2.使用JSON.parse()函数的第二个参数, 称为接收器
该接收机参数,返回值之前,检查每个属性。
var text = "{ "name":"John", "birth":"1986-12-14", "city":"New York"}";var obj = JSON.parse(text, function (key, value) {if (key == "birth") {return new Date(value);} else {return value;}});document.getElementById("demo").innerHTML = obj.name + ", " + obj.birth;解析函数
在JSON中不允许函数.
如果你需要包含一个函数,写成字符串。
以后您可以将其转换为函数:
var text = "{ "name":"John", "age":"function () {return 30;}", "city":"New York"}";var obj = JSON.parse(text) {obj.age = eval("(" + obj.age + ")");document.getElementById("demo").innerHTML = obj.name + ", " + obj.age();
避免在JSON使用函数,函数将失去他们的范围,你将不得不使用eval()将它们转换回函数。
四、总结本文基于JavaScript ,介绍了 json 解析在实际的应用。如何去解析一个JSON文件,从三个方面进行了讲解。在实际过程中遇到的难点,提供了有效的解决方案。最后拓展,希望对JSON解析有了进一步的了解,使用JavaScript 语言,效果图动展示,希望能够让读者更好的理解。
代码很简单,希望能够帮助你更好的学习。
------------------- End -------------------
往期精彩文章推荐:
盘点JavaScript中数组遍历的全部方式(上篇)盘点JavaScript中数组遍历的全部方式(下篇)一篇文章带你了解JavaScript日期欢迎大家点赞,留言,转发,转载,感谢大家的相伴与支持
想加入前端学习群请在后台回复【入群】
万水千山总是情,点个【在看】行不行
标签:
点击上方“前端进阶学习交流”,进行关注回复“前端”即可获赠前端相关
值得重点关注的是,电池50ETF(159796)的管理费率为0 15%,托管费率0
美国有线电视新闻网(CNN)当地时间25日发布了其主播扎卡里亚对法国总
向上箭头图片可爱,向上箭头这个很多人还不知道,现在让我们一起来看看
据华商报大风新闻报道,曾获“德艺双馨”称号的著名书画家靳创民,涉嫌
1、你好!基金的分类有以下几种:开放式基金种类虽多,但按其投资目标、
i黄金9999价格今天多少一克(2023年6月25日)
近期,各省(区、市)正陆续发布2023年高考成绩,并即将启动高考志愿填
记者张如意通讯员汪心海王鹏策2023年高考已经结束,各省份陆续开通了20
报导,乌克兰国防部副部长汉娜·马利亚尔表示,乌克兰军队利用周六莫斯
一、彩钢瓦可以用多少年彩钢瓦一般可以使用8-10年左右的时间,若是维护
正中脊连锁医疗(以下简称“正中脊”)于2023年6月18日迎来了成立五周
白星站在4人面前笑着,那破碎的肉体被黑色的锁链连接着。“嘻嘻嘻~死
据中央广播电视总台中国之声《新闻和报纸摘要》报道,面对持续高温天气
1、《三国演义》中,徐晃被孟达射死,属阵亡。2、《三国演义》94回《诸
很多长辈都有这样的习惯:无论是饮料瓶、矿泉水瓶,他都会洗干净、撕掉
从偷窃入狱到卖热狗发家,从餐厅老板到普京大厨,从冲锋陷阵的瓦格纳
1、首先是看体形,有标准的,迷你的,玩具的,茶杯的,越小的越值钱.
6月21日,永泰能源发布机构调研公告并表示,永泰能源力争2025年储能产
1935年,25岁的萧乾认识王树藏,苦追一年,步入婚姻殿堂,但婚后的萧
X 关闭
X 关闭