ExtJS是一種基于JavaScript的前端框架,可以大大提高WEB應(yīng)用的用戶體驗(yàn)和交互性。在使用ExtJS時(shí),經(jīng)常需要在前端接收服務(wù)器端傳來的JSON數(shù)據(jù),然后對(duì)其進(jìn)行解析并展示在頁面上。下面我們來介紹一下如何在ExtJS中解釋JSON數(shù)據(jù)。
Ext.Ajax.request({ url: 'data.json',//請(qǐng)求地址 success: function(response){//成功的回調(diào)函數(shù) var text = response.responseText; var data = Ext.JSON.decode(text);//解碼JSON數(shù)據(jù) Ext.each(data, function(item){//遍歷數(shù)據(jù) //處理數(shù)據(jù)操作 }); } });
在上面的代碼中,我們首先使用Ext.Ajax.request函數(shù)來向服務(wù)器端請(qǐng)求JSON數(shù)據(jù)。當(dāng)服務(wù)器成功返回?cái)?shù)據(jù)時(shí),會(huì)將數(shù)據(jù)傳遞給success回調(diào)函數(shù)。在回調(diào)函數(shù)中,我們首先通過response.responseText獲取到服務(wù)器返回的JSON字符串,然后使用Ext.JSON.decode函數(shù)對(duì)其進(jìn)行解碼,將其轉(zhuǎn)化為JavaScript對(duì)象。這樣,我們就可以使用JavaScript常規(guī)的遍歷方式對(duì)數(shù)據(jù)進(jìn)行操作。
總之,對(duì)于ExtJS前臺(tái)解釋JSON數(shù)據(jù),我們只需要通過解碼JSON字符串,將其轉(zhuǎn)化為JavaScript對(duì)象即可。然后,我們就可以使用JavaScript的常規(guī)方式對(duì)其進(jìn)行操作了。