ExtJS 是一個(gè)非常流行的 JavaScript 框架,它不僅提供了豐富的 UI 組件,還支持?jǐn)?shù)據(jù)處理和數(shù)據(jù)展示。其中,解析 JSON 數(shù)據(jù)是非常重要的一個(gè)功能,本文將介紹在 ExtJS 中如何解析 JSON。
首先,在 ExtJS 中,我們通過(guò) Ext.Ajax.request() 方法獲取 JSON 數(shù)據(jù),這個(gè)方法接受一個(gè)配置項(xiàng)對(duì)象,我們可以在這個(gè)對(duì)象中設(shè)置請(qǐng)求方式、請(qǐng)求地址、請(qǐng)求參數(shù)等信息。請(qǐng)求成功后,服務(wù)器會(huì)返回一個(gè) JSON 字符串,我們需要解析這個(gè)字符串,取出需要的數(shù)據(jù)。
Ext.Ajax.request({ url: 'data.json', success: function(response){ var json = Ext.JSON.decode(response.responseText); // 處理獲得的數(shù)據(jù) } });
在上面的代碼中,我們通過(guò) success 回調(diào)函數(shù)獲取到了服務(wù)器返回的 JSON 數(shù)據(jù),然后使用 Ext.JSON.decode() 方法將 JSON 字符串轉(zhuǎn)換為 JavaScript 對(duì)象。
如果 JSON 數(shù)據(jù)中包含日期類型,我們還可以使用 Ext.JSON.decode() 方法的第二個(gè)參數(shù) options 中的 reviver 屬性將其轉(zhuǎn)換為 JavaScript Date 對(duì)象。具體方法如下:
var json = Ext.JSON.decode(response.responseText, function(key, value){ if (typeof value === 'string' && value.match(/^\d{4}-\d{2}-\d{2}/)){ return new Date(value); } else { return value; } });
以上就是在 ExtJS 中解析 JSON 數(shù)據(jù)的方法,希望能對(duì)大家有所幫助。