ExtJS是一款開源的JavaScript框架,常用于前端開發。在前端開發中,我們常常需要使用JSON格式的數據進行交互。而當JSON數據嵌套層次較深時,取出其中所需要的數據就需要用到ExtJS對嵌套JSON的處理能力。
假設有如下嵌套JSON數據:
var jsonData = { "name": "張三", "age": 25, "sex": "男", "contact": { "email": "zhangsan@email.com", "phone": "13888888888" }, "address": { "province": "北京市", "city": "北京市", "district": "朝陽區", "street": "XX街道" } };
如何取出其中的email地址呢?可以使用ExtJS的Ext.decode方法將JSON字符串解析成JSON對象,然后使用點號(.)來訪問其中的屬性。示例如下:
var obj = Ext.decode(jsonData); //將JSON字符串解析成JSON對象 var email = obj.contact.email; //訪問嵌套JSON中的email屬性
另外,當需要對JSON數據進行操作時,也可以使用ExtJS的Ext.encode方法將JSON對象轉換成JSON字符串。示例如下:
var newData = { "name": "李四", "age": 30, "sex": "女", "contact": { "email": "lisi@email.com", "phone": "13999999999" }, "address": { "province": "上海市", "city": "上海市", "district": "徐匯區", "street": "XX路" } }; var newJsonData = Ext.encode(newData); //將JSON對象轉換成JSON字符串
通過ExtJS對嵌套JSON的處理,我們可以更加方便地對JSON數據進行操作和訪問。
下一篇css3編程視頻