在使用 ExtJS 進行前端開發時,我們經常需要從后端獲得 json 數據進行處理和展示。在這個過程中,我們可以使用 Ext.Ajax.request 方法來發送請求,并在請求的回調函數中接收返回的 json 數據。
Ext.Ajax.request({ url: 'example.com/data.json', method: 'GET', success: function(response) { var json = Ext.decode(response.responseText); // 處理 json 數據 }, failure: function(response) { // 處理請求失敗的情況 } });
以上代碼中,我們通過 Ext.Ajax.request 方法發送了一個 GET 請求,并在請求成功時執行回調函數。在回調函數中,我們使用 Ext.decode 方法將返回的 json 字符串轉換成 JavaScript 對象,以便對其進行處理。
除了使用 Ext.Ajax.request 方法,我們還可以使用 Ext.data.JsonStore 類來處理 json 數據。該類主要用于將 json 數據存儲到本地,并在需要時進行讀取和更新。
var store = new Ext.data.JsonStore({ url: 'example.com/data.json', fields: ['name', 'age', 'gender'], autoLoad: true }); store.on('load', function(store, records) { // 處理加載完成的數據 });
以上代碼中,我們通過創建一個 Ext.data.JsonStore 實例來從指定的 url 獲取數據。我們還指定了數據的字段名以及在 store 加載完成時觸發的 load 事件的處理函數。在 load 事件處理函數中,我們可以處理加載完成的數據。
使用 ExtJS 接收返回的 json 數據可以讓我們更方便地展示和處理后端返回的數據,提高前端開發效率。同時也可以使我們更好地了解 ExtJS 框架的基礎功能。