ExtJS 是一種流行的 JavaScript 庫,用于創建功能豐富的網站和 Web 應用程序。其中,JSON(JavaScript 對象表示法)是一種常見的數據交換格式。
在 ExtJS 中,使用 Ext.data.JsonReader 對象來解析 JSON。下面是一個示例:
var myReader = new Ext.data.JsonReader({
root: 'data',
idProperty: 'id'
}, [
{name: 'id', mapping: 'id'},
{name: 'name', mapping: 'full_name'},
{name: 'email', mapping: 'email'}
]);
在上面的示例中,myReader 對象指定了 JSON 數據的根節點為 'data',并指定了用于區分記錄的 id 屬性為 'id'。同時,還定義了三個字段,包括 id、name 和 email,分別對應 JSON 數據中相應的屬性,并使用 mapping 屬性來將 JSON 數據中的屬性映射到這些字段上。
然后,可以通過 Ext.Ajax.request 方法獲取 JSON 數據,并使用 Ext.decode 方法將 JSON 字符串解析為 JavaScript 對象:
Ext.Ajax.request({
url: 'data.json',
success: function(response){
var json = Ext.decode(response.responseText)
myReader.readRecords(json)
}
})
在上面的示例中,使用 Ext.Ajax.request 方法從 'data.json' 文件中獲取 JSON 數據,并在成功回調函數中使用 Ext.decode 將 JSON 字符串解析為 JavaScript 對象。然后,使用 myReader.readRecords 方法將 JavaScript 對象中的數據解析為 Ext.data.Record 對象,以便在 ExtJS 的模型中使用。
總之,使用 ExtJS 的 JSON 解析功能可以輕松地將 JSON 數據轉換為 ExtJS 中的數據模型,并快速構建出豐富的 Web 應用程序。
下一篇html 模板代碼