JSON基础入门实战讲解在线视频课程-JSON.parse()语法和解析实例

版权声明:黄菊华 https://blog.csdn.net/u013818205/article/details/86626005

浏览器支持

主流浏览器都支持 JSON.parse() 函数:
 Firefox 3.5
 Internet Explorer 8
 Chrome
 Opera 10
 Safari 4
*

语法

JSON 通常用于与服务端交换数据。
在接收服务器数据时一般是字符串。
我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。
语法
JSON.parse(text[, reviver])
参数说明:
text:必需, 一个有效的 JSON 字符串。
reviver: 可选,一个转换结果的函数, 将为对象的每个成员调用此函数。

JSON 解析实例

例如我们从服务器接收了以下数据:

{ "name":"runoob", "alexa":10000, "site":"www.runoob.com" }

我们使用 JSON.parse() 方法处理以上数据,将其转换为 JavaScript 对象:

var obj = JSON.parse('{ 
"name":"runoob", "alexa":10000, "site":"www.runoob.com" 
}');

解析前要确保你的数据是标准的 JSON 格式,否则会解析出错。
完整实例:

<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS中文教程网 8939.org</title>
</head>
<body>

<h2>从 JSON 对象中创建 JavaScript 对象</h2>
<p id="demo"></p>
<script>
var str='{ "name":"JS中文教程网", "alexa":10000, "site":"www.8939.org" }';
var obj = JSON.parse(str);
document.getElementById("demo").innerHTML = obj.name + ":" + obj.site;
</script>

</body>
</html>

效果见图
在这里插入图片描述

欢迎大家学习我的视频课程:JSON基础入门实战讲解在线视频课程
https://edu.csdn.net/course/detail/10088
JSON基础入门实战讲解在线视频课程-JSON.parse()语法和解析实例

猜你喜欢

转载自blog.csdn.net/u013818205/article/details/86626005