Ext JS是一個(gè)功能強(qiáng)大的JavaScript框架，用于創(chuàng)建復(fù)雜的Web應(yīng)用程序。其中一個(gè)重要的組件是JSON Store。JSON存儲(chǔ)是一種用于存儲(chǔ)數(shù)據(jù)的輕量級(jí)格式，并且易于與Web服務(wù)器進(jìn)行通信。

JSON Store是Ext JS中的一個(gè)內(nèi)置的store類，它允許我們輕松地加載存儲(chǔ)在服務(wù)器上的JSON數(shù)據(jù)。JSON數(shù)據(jù)可以通過AJAX請(qǐng)求從Web服務(wù)器中獲取。一旦數(shù)據(jù)加載到存儲(chǔ)中，我們可以使用store來渲染任何其他組件，如Grid、Tree等等。

以下是使用JSON Store的簡單示例：

Ext.onReady(function() {
Ext.define('User', {
extend: 'Ext.data.Model',
fields: ['id', 'name', 'email']
});
var store = Ext.create('Ext.data.Store', {
model: 'User',
proxy: {
type: 'ajax',
url: 'users.json',
reader: {
type: 'json',
root: 'users'
}
},
autoLoad: true
});
var grid = Ext.create('Ext.grid.Panel', {
renderTo: Ext.getBody(),
store: store,
width: 400,
height: 300,
columns: [{
text: 'ID',
dataIndex: 'id'
}, {
text: 'Name',
dataIndex: 'name'
}, {
text: 'Email',
dataIndex: 'email'
}]
});
});

在這個(gè)例子中，我們首先定義了一個(gè)“User”模型，它包括id、name和email字段。然后我們創(chuàng)建了一個(gè)store，該store通過Ajax代理加載存儲(chǔ)在服務(wù)器上的JSON數(shù)據(jù)，并自動(dòng)進(jìn)行裝載。最后我們使用store配置了一個(gè)Grid，并在其中顯示存儲(chǔ)的數(shù)據(jù)。

JSON Store是Ext JS中一個(gè)非常有用的功能，它使我們能夠輕松地處理存儲(chǔ)在Web服務(wù)器上的數(shù)據(jù)。此外，Ext JS還提供了許多其他功能，使您可以創(chuàng)建功能強(qiáng)大的Web應(yīng)用程序。