在使用ExtJS進行開發時,我們通常需要使用JSON數據格式傳遞數據,而ExtJS提供了非常方便的方式來處理JSON數據。
在ExtJS中,我們可以使用Ext.data.JsonReader來解析JSON數據,具體代碼如下:
// 創建一個JsonReader var jsonReader = new Ext.data.JsonReader({ // 數據模型 idProperty: 'id', fields: ['id', 'name', 'age'] }); // 解析JSON數據 jsonReader.readRecords(jsonData);
上述代碼中,我們首先創建了一個JsonReader對象,并定義了數據模型和數據屬性,然后通過調用JsonReader的readRecords方法,將JSON數據解析成Ext.data.Record對象的數組。
在實際開發中,我們通常需要通過Ajax來獲取JSON數據,具體代碼如下:
// 發送Ajax請求 Ext.Ajax.request({ url: 'data.json', success: function(response, opts) { // 解析返回的JSON數據 var jsonReader = new Ext.data.JsonReader({ idProperty: 'id', fields: ['id', 'name', 'age'] }); var records = jsonReader.readRecords(response.responseText); // 處理解析后的數據 for (var i = 0; i< records.length; i++) { var record = records[i]; console.log(record.get('id'), record.get('name'), record.get('age')); } } });
在上述代碼中,我們通過Ext.Ajax.request發送了一個Ajax請求,然后在請求成功的回調函數中解析了返回的JSON數據,并將解析后的數據通過Ext.data.Record對象進行處理。