频道导航

javascript解析json实例详解

2018-12-31 JavaScript 前端之家

前端之家收集整理的这篇文章主要介绍了javascript解析json实例详解，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

本文实例讲述了javascript解析json的方法。分享给大家供大家参考。具体方法如下：

下载json库 http://www.json.org/json-zh.html自己找javascript的或者直接去下面的 https://github.com/douglascrockford/JSON-js

PHP 生成json格式

使用页面

代码如下:

alert(data.toJSONString());

如果返回false说明没数据

js 代码：
<div class="codetitle"><a style="CURSOR: pointer" data="73331" class="copybut" id="copybut73331" onclick="doCopy('code73331')"> 代码如下:

<div class="codebody" id="code73331">functionshowJSON() {
varuser =
{
"username":"tom",
"age":20,
"info": {"tel":"123456","cellphone":"98765"},
"address":
[
{"city":"shanghai","postcode":"201203"},
{"city":"suzhou","postcode":"200000"}
]
}

alert(user.username);
alert(user.age);
alert(user.info.cellphone);
alert(user.address[0].city);
alert(user.address[0].postcode);
}

修改
<div class="codetitle"><a style="CURSOR: pointer" data="51305" class="copybut" id="copybut51305" onclick="doCopy('code51305')"> 代码如下:

<div class="codebody" id="code51305">user.username ="jerry";

可以使用eval来转换JSON字符到Object
<div class="codetitle"><a style="CURSOR: pointer" data="90826" class="copybut" id="copybut90826" onclick="doCopy('code90826')"> 代码如下:

<div class="codebody" id="code90826">functionmyEval() {
varstr = '{"name":"Violet","occupation":"character"}';
varbj = eval('(' + str + ')');
alert(obj.toJSONString());
}

或者使用parseJSON()方法
<div class="codetitle"><a style="CURSOR: pointer" data="72263" class="copybut" id="copybut72263" onclick="doCopy('code72263')"> 代码如下:

<div class="codebody" id="code72263">functionmyEval() {
varstr = '{"name":"Violet","occupation":"character"}';
varbj = str.parseJSON();
alert(obj.toJSONString());
}

希望本文所述对大家的javascript程序设计有所帮助。

javascript json 解析解析解析