在許多web應用程序開發中,讀取json文件通常是必不可少的工作。而在javascript中,我們可以使用Ext.js類庫輕松地讀取json文件。下面將介紹如何使用Ext.js讀取json文件。
//1. 創建一個store對象 Ext.create('Ext.data.Store', { storeId:'myJsonStore', //給store起一個名字 fields:['name', 'age', 'email'], //定義存儲在json文件的字段 proxy: { type: 'ajax', //指定數據代理類型 url: 'data.json', //指定json文件的url reader: { type: 'json', //數據讀取器類型 rootProperty: 'people' //json文件中包含數據的根節點名稱 } }, autoload: true //自動加載store中的數據 }); //2. 使用store對象讀取json文件中的數據 var myStore = Ext.getStore('myJsonStore'); //通過id獲取store對象 myStore.load(); //讀取json文件中的數據
上面這段代碼首先創建了一個Ext.data.Store對象,并定義了store中數據的字段以及對json文件的代理讀取方式。prox.reader的rootProperty屬性指定了json文件中包含數據的根節點名稱。autoload屬性設置為true時,store中的數據將在創建對象后自動被加載。
接下來,我們通過storeId屬性獲取已經創建好的store對象,并調用load()方法從json文件中讀取數據。執行這行代碼后,store對象中的數據將會被填充。我們就可以在程序中使用這些數據了。
上一篇hbuider結合vue
下一篇ext 轉json數據