javascript解析json實(shí)例詳解
更新時(shí)間：2014年11月05日 15:20:21 投稿：shichen2014
這篇文章主要介紹了javascript解析json的方法,以實(shí)例形式詳細(xì)講述了javascript的json庫(kù)用法,需要的朋友可以參考下
本文實(shí)例講述了javascript解析json的方法。分享給大家供大家參考。具體方法如下：
下載json庫(kù)
http://www.json.org/json-zh.html自己找javascript的
或者直接去下面的
https://github.com/douglascrockford/JSON-js
php生成json格式
使用頁(yè)面
復(fù)制代碼 代碼如下:
<script src="scripts/json.js"></script>
alert(data.toJSONString());
alert(data.toJSONString());
如果返回false說(shuō)明沒數(shù)據(jù)
js 代碼：
復(fù)制代碼 代碼如下:
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);
}
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);
}
修改
復(fù)制代碼 代碼如下:
user.username ="jerry";
可以使用eval來(lái)轉(zhuǎn)換JSON字符到Object
復(fù)制代碼 代碼如下:
functionmyEval() {
varstr = '{"name":"Violet","occupation":"character"}';
varbj = eval('(' + str + ')');
alert(obj.toJSONString());
}
varstr = '{"name":"Violet","occupation":"character"}';
varbj = eval('(' + str + ')');
alert(obj.toJSONString());
}
或者使用parseJSON()方法
復(fù)制代碼 代碼如下:
functionmyEval() {
varstr = '{"name":"Violet","occupation":"character"}';
varbj = str.parseJSON();
alert(obj.toJSONString());
}
varstr = '{"name":"Violet","occupation":"character"}';
varbj = str.parseJSON();
alert(obj.toJSONString());
}
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- JavaScript處理解析JSON數(shù)據(jù)過(guò)程詳解
- JavaScript中解析JSON數(shù)據(jù)的三種方法
- JavaScript解析json格式數(shù)據(jù)簡(jiǎn)單示例
- 一個(gè)JavaScript函數(shù)把URL參數(shù)解析成Json對(duì)象
- javascript解析json數(shù)據(jù)的3種方式
- 解析javascript 數(shù)組以及json元素的添加刪除
- JavaScript 解析Json字符串的性能比較分析代碼
- 比較詳細(xì)的關(guān)于javascript 解析json的代碼
- JavaScript轉(zhuǎn)換與解析JSON方法實(shí)例詳解
相關(guān)文章
在前端JavaScript中,由于安全考慮瀏覽器不允許直接操作文件系統(tǒng),但瀏覽器提供了有限的文件操作能力,這篇文章主要介紹了JavaScript如何在前端代碼中讀、寫本地文件的相關(guān)資料,需要的朋友可以參考下2024-09-09
用js實(shí)現(xiàn)before和after偽類的樣式修改的示例代碼
本篇文章主要介紹了用js實(shí)現(xiàn)before和after偽類的樣式修改的示例代碼，具有一定的參考價(jià)值，有興趣的可以了解一下2017-09-09
這篇文章介紹了GRID拖拽行的實(shí)例代碼，有需要的朋友可以參考一下2013-07-07
這篇文章主要分享了一則JavaScript阻止事件冒泡示例,需要的朋友可以參考下2014-12-12
js實(shí)現(xiàn)一個(gè)簡(jiǎn)易計(jì)算器
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)一個(gè)簡(jiǎn)易計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
本文給大家總結(jié)了有關(guān)js代碼性能優(yōu)化的相關(guān)知識(shí)，非常不錯(cuò)，感興趣的朋友一起學(xué)習(xí)吧2016-05-05
這篇文章主要為大家詳細(xì)介紹了一個(gè)仿郵箱登錄提示框js開發(fā)案例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-07-07
js function定義函數(shù)使用心得，了解這個(gè)才能更進(jìn)一步的了解js面向?qū)ο蠓矫娴闹R(shí)。2010-04-04
bootstrap-table后端分頁(yè)功能完整實(shí)例
這篇文章主要介紹了bootstrap-table后端分頁(yè)功能,結(jié)合完整實(shí)例形式分析了bootstrap-table后端請(qǐng)求、數(shù)據(jù)分頁(yè)功能具體步驟與實(shí)現(xiàn)技巧,需要的朋友可以參考下2020-06-06
range 是用戶選擇區(qū)域的唯一表示方法，存在 w3c 的標(biāo)準(zhǔn)化 range ，以及 ie 特有的 textrange 與 controlrange ，相對(duì)于 ie ，w3c 的概念更易于理解，首先簡(jiǎn)要介紹一下 w3c range.2011-08-08