使用Ext JS從服務器端獲取JSON數據是一種非常常見的做法,本文將介紹如何利用Ext.data.Store組件來實現這個過程。
首先,我們需要構建一個Store對象,例如:
var store = Ext.create('Ext.data.Store',{ fields:[ {name:'id',type:'int'}, {name:'name',type:'string'} ], proxy:{ type:'ajax', url:'/api/data.json', reader:{ type:'json', rootProperty:'data' } }, autoLoad:true });
這個Store對象中包含了數據的字段定義、數據的讀取方式以及是否自動加載等一系列屬性。在這里,我們使用了AjaxProxy來讀取數據,并且指定了該接口返回的數據的格式為JSON。
接著,我們可以使用Store對象來進行數據的讀取和顯示操作:
store.load({ callback:function(records,operation,success){ //在這里對數據進行處理 } });
在load方法中,我們可以通過一個回調函數來對數據進行處理。這個回調函數會在數據加載完成后被觸發,其中的records參數表示獲取到的數據、operation參數表示數據加載的操作以及狀態、success參數表示數據是否成功加載。
總的來說,利用Ext.data.Store組件來獲取JSON數據非常的方便和高效,可以幫助我們快速地實現前后端數據交互。