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

JSON Store是Ext JS中的一個內(nèi)置的store類，它允許我們輕松地加載存儲在服務(wù)器上的JSON數(shù)據(jù)。JSON數(shù)據(jù)可以通過AJAX請求從Web服務(wù)器中獲取。一旦數(shù)據(jù)加載到存儲中，我們可以使用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'
}]
});
});

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

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