在前端開發(fā)中,經(jīng)常需要從服務器獲取 JSON 數(shù)據(jù)類型的數(shù)據(jù),而 Ext JS 是一個功能強大的 JavaScript 框架,它支持從服務器獲取 JSON 數(shù)據(jù)類型的數(shù)據(jù)。
要使用 Ext JS 獲取 JSON 數(shù)據(jù)類型的數(shù)據(jù),需要使用 Ext.data.Store 類。Store 是 Ext JS 中數(shù)據(jù)獲取和操作的基礎類,是在客戶端緩存服務器上的數(shù)據(jù)。在 Ext JS 中,Store 支持從各種數(shù)據(jù)源中獲取數(shù)據(jù),包括 JSON 數(shù)據(jù)類型。
下面是一個使用 Ext JS 從服務器獲取 JSON 數(shù)據(jù)類型的數(shù)據(jù)的示例:
Ext.application({ name: 'MyApp', launch: function() { Ext.create('Ext.data.Store', { storeId: 'myStore', autoLoad: true, fields: ['name', 'email', 'phone'], proxy: { type: 'ajax', url: 'data.json', // 數(shù)據(jù)源 URL reader: { type: 'json', rootProperty: 'users' // 指定 JSON 數(shù)組的根節(jié)點 } } }); } });
在上面的示例中,我們創(chuàng)建了一個名為 Myapp 的 Ext JS 應用程序,并創(chuàng)建了一個 Store 對象來獲取服務器上名為 data.json 的 JSON 數(shù)據(jù)類型文件中的數(shù)據(jù)。在 Store 配置中,我們指定了我們將自動加載數(shù)據(jù)(autoLoad)和我們期望數(shù)據(jù)格式的字段(fields),并指定數(shù)據(jù)源的 URL。最后,我們還指定了 JSON 根節(jié)點的名稱(rootProperty),以便 Ext JS 正確解析數(shù)據(jù)。
通過上面的示例,我們可以看出,使用 Ext JS 獲取 JSON 數(shù)據(jù)類型的數(shù)據(jù)非常簡單方便,并且我們可以靈活地配置數(shù)據(jù)源 URL 和 JSON 根節(jié)點的名稱,以適應不同的數(shù)據(jù)源。