js怎么解析json数据
Posted php中文网最新课程
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js怎么解析json数据相关的知识,希望对你有一定的参考价值。
源 / php中文网 源 / www.php.cn
js解析json数据,可以使用JSON.parse()方法来实现解析。JSON.parse()方法可以解析JSON字符串,转换为 javascript 对象。
(视频版请点击本文末尾左下角:阅读原文)
下面我们就结合简单的代码示例,给大家介绍js解析json数据的实现方法。
代码示例如下:
<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
meta
charset
=
"utf-8"
>
<
title
>js解析json数据示例</
title
>
<
script
>
// 将JSON数据存储在JS变量中
var json = '{"name": "欧阳克", "age": 18, "city": "合肥"}';
// 将JSON编码的字符串转换为JS对象
var obj = JSON.parse(json);
// 从JS对象访问单个值
document.write(obj.name + "<
br
>");
document.write(obj.age + "<
br
>");
document.write(obj.city);
</
script
>
</
head
>
<
body
>
</
body
>
</
html
>
这里我们首先定义了一个json数据,并赋值于json变量中,然后JSON.parse()方法,将json数据转换为js对象。最后通过document.write()方法向前台输出解析后的json数据值,也就是js对象值。
解析结果如下图:
JSON 通常用于与服务端交换数据。在接收服务器数据时一般是字符串。所以我们就可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。
注:
JSON 不能存储 Date 对象。如果你需要存储 Date 对象,需要将其转换为字符串,之后再将字符串转换为 Date 对象。
JSON 不允许包含函数,但你可以将函数作为字符串存储,之后再将字符串转换为函数。
本篇文章就是关于js解析json数据的具体方法介绍,简单易懂,希望对需要的朋友有所帮助!
以上就是js怎么解析json数据的详细内容,更多请关注php中文网其它相关文章!
-END-
声明:本文选自「 php中文网 」,搜索「 phpcnnew 」即可关注!
以上是关于js怎么解析json数据的主要内容,如果未能解决你的问题,请参考以下文章