首页 >每日编程 >html知识 > 正文

js怎么解析json数据

原创2018-12-19 09:46:53017854
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中文网其它相关文章!

php中文网直播班

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:js解析json数据
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    推荐视频教程
  • 弹指间学会JavaScript 教程弹指间学会JavaScript 教程
  • Javascript 基础教程Javascript 基础教程
  • JavaScript中文参考手册JavaScript中文参考手册
  • JavaScript 入门教程JavaScript 入门教程
  • HTML每日小知识(第二季)HTML每日小知识(第二季)
  • 视频教程分类