在前端開(kāi)發(fā)中,我們經(jīng)常需要讀取本地的json數(shù)據(jù)進(jìn)行處理和展示。而Ext框架提供了非常方便的方法來(lái)讀取本地json數(shù)據(jù)。
要讀取本地的json數(shù)據(jù),我們首先需要將json文件加載到頁(yè)面中。可以通過(guò)以下代碼來(lái)實(shí)現(xiàn):
Ext.Loader.loadScript({ url: 'data.json', scope: this, onLoad: function() { //json文件加載完成后的代碼 } });在這段代碼中,我們使用了Ext.Loader.loadScript函數(shù)來(lái)加載json文件。其中url屬性指定了json文件的路徑,onLoad屬性則指定了當(dāng)json文件加載完成后要執(zhí)行的代碼。 接下來(lái),我們可以通過(guò)以下代碼來(lái)讀取json數(shù)據(jù):
Ext.Ajax.request({ url: 'data.json', method: 'GET', success: function(response) { var jsonData = Ext.JSON.decode(response.responseText); //對(duì)jsonData進(jìn)行處理 }, failure: function() { //讀取json數(shù)據(jù)失敗 } });在這段代碼中,我們使用了Ext.Ajax.request函數(shù)來(lái)讀取json數(shù)據(jù)。其中url屬性指定了json文件的路徑,success屬性則指定了當(dāng)json數(shù)據(jù)讀取成功后要執(zhí)行的代碼。response對(duì)象中包含了json數(shù)據(jù)的全部?jī)?nèi)容,我們使用Ext.JSON.decode函數(shù)將其轉(zhuǎn)換為json格式的數(shù)據(jù),并保存在jsonData變量中。 最后,我們可以通過(guò)對(duì)jsonData進(jìn)行處理來(lái)展示數(shù)據(jù)或?qū)崿F(xiàn)其他功能。 總的來(lái)說(shuō),Ext框架提供了非常方便的方法來(lái)讀取本地json數(shù)據(jù)。通過(guò)以上的代碼,我們可以輕松地實(shí)現(xiàn)對(duì)json數(shù)據(jù)的讀取和處理。