在Web開發(fā)中,JSON是經(jīng)常使用的數(shù)據(jù)傳輸格式。而在JavaScript中,我們可以使用擴(kuò)展庫ext來讀取JSON數(shù)據(jù)。
首先,我們需要引入ext庫。可以通過CDN或者下載本地文件的方式引入。例如:
<script src="https://cdn.bootcss.com/extjs/6.7.0/classic/theme-triton/resources/theme-triton-all.css"></script> <script src="https://cdn.bootcss.com/extjs/6.7.0/ext-all.js"></script>
接下來,我們需要定義一個JSON對象。可以將JSON數(shù)據(jù)存儲在一個文件中,也可以直接定義在JavaScript代碼中。例如:
var json = { "name": "張三", "age": 20, "gender": "男", "hobbies": ["籃球", "游泳", "音樂"] };
然后,我們可以使用ext來讀取和操作JSON數(shù)據(jù)。ext提供了Ext.JSON類來實(shí)現(xiàn)JSON數(shù)據(jù)的解析和操作。例如,我們可以將JSON數(shù)據(jù)轉(zhuǎn)換為字符串:
var jsonStr = Ext.JSON.encode(json); console.log(jsonStr);
也可以將JSON字符串轉(zhuǎn)換為JSON對象:
var jsonObj = Ext.JSON.decode(jsonStr); console.log(jsonObj);
除此之外,ext還提供了很多方法來操作JSON數(shù)據(jù)。例如,我們可以使用Ext.JSON.encodeIndent來將JSON數(shù)據(jù)格式化輸出:
var jsonStrIndent = Ext.JSON.encodeIndent(json, 4); console.log(jsonStrIndent);
總結(jié)一下,使用ext讀取JSON數(shù)據(jù)非常簡單,只需要引入庫,定義JSON對象,調(diào)用相應(yīng)函數(shù)即可。同時,ext還提供了豐富的方法來操作JSON數(shù)據(jù),可以滿足不同場景的需求。
下一篇js 甘特圖vue