Ext JS 是一個功能強大的前端框架,能夠創建優雅的 Web 應用程序,可幫助開發人員以有效且易于維護的方式展示和過濾 JSON 數據。
在 Ext JS 中,可以使用 Ext.data.reader.Json 類來讀取來自后端的 JSON 數據。這個類提供了一個 parseResponse() 方法來解析 JSON 數據,并將其轉換成一個 JavaScript 對象。
以下是一個使用 Ext.data.reader.Json 類查看 JSON 數據的示例:
Ext.define('UserModel', { extend: 'Ext.data.Model', fields: [ {name: 'id', type: 'int'}, {name: 'name', type: 'string'}, {name: 'email', type: 'string'} ] }); var userStore = Ext.create('Ext.data.Store', { model: 'UserModel', proxy: { type: 'ajax', url: 'users.json', reader: { type: 'json' } }, autoLoad: true }); userStore.on('load', function(store, records) { Ext.each(records, function(record) { console.log(record.getData()); }); });
這個示例中,通過創建一個名為 UserModel 的模型來定義 JSON 數據的格式。在用戶存儲區中使用代理類型為 AJAX 的代理來加載 JSON 數據,并在讀取器類型為 JSON 的讀取器中進行配置。autoLoad 屬性設置為 true 以保證存儲區自動加載數據。
使用 store.on() 方法來注冊 load 事件的處理程序。當數據加載完成后,該處理程序將遍歷所有數據記錄,并通過調用 getData() 方法來打印 JSON 數據的內容。
總之,使用 Ext JS 可以輕松地讀取和查看 JSON 數據。只需使用 Ext.data.reader.Json 類,可以輕松地將 JSON 數據轉換為 JavaScript 對象并對其進行處理。
下一篇css3設置外發光