ExtJS是一種JavaScript框架,用于開發(fā)Web應(yīng)用程序。在開發(fā)Web應(yīng)用程序時(shí),經(jīng)常使用JSON格式來交換和解析數(shù)據(jù)。在這篇文章中,我們將了解如何在ExtJS中解析JSON數(shù)據(jù)。
首先,我們需要一個(gè)JSON數(shù)據(jù)。JSON數(shù)據(jù)看起來像這樣:
{ "name": "John", "age": 30, "city": "New York" }
在ExtJS中,我們可以使用以下代碼解析JSON數(shù)據(jù):
Ext.Ajax.request({ url: 'path/to/json/file', success: function(response) { var data = Ext.decode(response.responseText); console.log(data.name); //輸出John } });
在上面的代碼中,我們使用Ext.Ajax.request()函數(shù)向服務(wù)器請(qǐng)求JSON數(shù)據(jù)。一旦請(qǐng)求成功,我們將使用Ext.decode()函數(shù)將JSON數(shù)據(jù)轉(zhuǎn)換為JavaScript對(duì)象。現(xiàn)在,我們可以使用JavaScript對(duì)象來訪問數(shù)據(jù)。
另一種解析JSON數(shù)據(jù)的方法是使用Ext.data.reader.Json()讀取器。以下是使用Ext.data.reader.Json()讀取器的代碼:
Ext.define('User', { extend: 'Ext.data.Model', fields: ['name', 'age', 'city'] }); var store = Ext.create('Ext.data.Store', { model: 'User', proxy: { type: 'ajax', url: 'path/to/json/file', reader: { type: 'json' } }, autoLoad: true, listeners: { load: function(store, records, successful, operation) { console.log(records[0].get('name')); //輸出John } } });
在上面的代碼中,我們首先定義了一個(gè)Ext.data.Model類。然后創(chuàng)建了一個(gè)Ext.data.Store類,該類使用Ext.data.reader.Json()讀取器解析JSON數(shù)據(jù)。最后,我們使用load事件來訪問數(shù)據(jù)。
以上是在ExtJS中解析JSON數(shù)據(jù)的兩種方法。使用這些方法可以輕松訪問JSON數(shù)據(jù),并將其轉(zhuǎn)換為JavaScript對(duì)象。