javascript解析json實例詳解
更新時間：2014年11月05日 15:20:21 投稿：shichen2014
這篇文章主要介紹了javascript解析json的方法,以實例形式詳細(xì)講述了javascript的json庫用法,需要的朋友可以參考下
本文實例講述了javascript解析json的方法。分享給大家供大家參考。具體方法如下：
下載json庫
http://www.json.org/json-zh.html自己找javascript的
或者直接去下面的
https://github.com/douglascrockford/JSON-js
php生成json格式
使用頁面
復(fù)制代碼 代碼如下:
<script src="scripts/json.js"></script>
alert(data.toJSONString());
alert(data.toJSONString());
如果返回false說明沒數(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來轉(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());
}
希望本文所述對大家的javascript程序設(shè)計有所幫助。
您可能感興趣的文章:
- JavaScript處理解析JSON數(shù)據(jù)過程詳解
- JavaScript中解析JSON數(shù)據(jù)的三種方法
- JavaScript解析json格式數(shù)據(jù)簡單示例
- 一個JavaScript函數(shù)把URL參數(shù)解析成Json對象
- javascript解析json數(shù)據(jù)的3種方式
- 解析javascript 數(shù)組以及json元素的添加刪除
- JavaScript 解析Json字符串的性能比較分析代碼
- 比較詳細(xì)的關(guān)于javascript 解析json的代碼
- JavaScript轉(zhuǎn)換與解析JSON方法實例詳解
相關(guān)文章
這篇文章主要介紹了javascript獲取web應(yīng)用根目錄的方法,需要的朋友可以參考下2014-02-02
在前端開發(fā)中，有時候我們需要判斷一個元素是否在可視區(qū)域內(nèi)，本文主要介紹了js如何對元素可視區(qū)域進(jìn)行判定，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04
想實現(xiàn)點擊按鈕在表格添加一行的功能，但發(fā)現(xiàn)layui并未集成該工具欄，因此，需要自己手動添加這個功能；這篇文章主要介紹了layui點擊按鈕給table添加一行,需要的朋友可以參考下2018-08-08
javascript學(xué)習(xí)筆記之10個原生技巧
首先在這里要非常感謝無私分享作品的網(wǎng)友們，這些代碼片段主要由網(wǎng)友們平時分享的作品代碼里面和經(jīng)常去逛網(wǎng)站然后查看源文件收集到的。把平時網(wǎng)站上常用的一些實用功能代碼片段通通收集起來，方便網(wǎng)友們學(xué)習(xí)使用，利用好的話可以加快網(wǎng)友們的開發(fā)速度，提高工作效率。2014-05-05
json文件想必大家對它并不陌生吧，它的靈活性還是不錯的，下面為大家介紹下js如何讀寫json文件2014-10-10
這篇文章主要給大家分享的是常用的js函數(shù)的方法，告別搜索引擎的幫助，提高你的開發(fā)效率，,需要的朋友可以參考一下，希望對你的學(xué)習(xí)有所幫助2021-12-12
這篇文章主要介紹了JavaScript基本類型和引用類型，基本類型中還包含了類型轉(zhuǎn)換，感興趣的小伙伴們可以參考一下2015-12-12
這篇文章主要介紹了小程序?qū)崿F(xiàn)簡單語音聊天的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
PHP abstract與interface之間的區(qū)別
本文是對PHP中abstract與interface之間的區(qū)別進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
JavaScript庫urlcat?之URL構(gòu)建器庫
這篇文章主要介紹了JavaScript庫urlcat之URL構(gòu)建器庫，urlcat?是一個小型的JavaScript庫，使構(gòu)建URL非常方便并防止常見錯誤。下文來看對其詳細(xì)介紹吧，需要的小伙伴可以參考一下2022-02-02