下面我们就结合简单的代码示例,给大家介绍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中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
- 上一篇:如何用js控制图片放大缩小
- 下一篇:怎么在click事件中调用多个js函数
网友评论
文明上网理性发言,请遵守 新闻评论服务协议
我要评论