ExtJS是一個非常強大的Javascript框架,它可以幫助我們快速地構建出漂亮且高效的Web頁面。在ExtJS中,JSON是一種常用的數(shù)據(jù)交互格式。
在ExtJS中,我們可以使用Ajax技術從服務器端獲取JSON數(shù)據(jù),然后使用該數(shù)據(jù)來動態(tài)地更新Web頁面。要使用JSON,我們需要在ExtJS中引入一個Ext.data.JsonStore對象。這個對象可以幫助我們處理從服務器端返回的JSON數(shù)據(jù)。
下面是一段示例代碼:
Ext.onReady(function() { var store = new Ext.data.JsonStore({ url: 'data.json', root: 'results', fields: ['name', 'age', 'email'] }); store.load(); });
這段代碼定義了一個JsonStore對象,并從一個名為data.json的文件中獲取數(shù)據(jù)。在此處,數(shù)據(jù)被假定為如下格式:
{ "results": [ {"name": "Tom", "age": 25, "email": "tom@example.com"}, {"name": "Mike", "age": 30, "email": "mike@example.com"}, {"name": "Kate", "age": 28, "email": "kate@example.com"} ] }
在此處,數(shù)據(jù)被包含在一個名為“results”的數(shù)組中。我們可以通過指定root參數(shù)來告訴JsonStore對象從哪個位置開始讀取數(shù)據(jù)。
在創(chuàng)建完成JsonStore對象后,我們需要使用load()方法來加載數(shù)據(jù)。一旦數(shù)據(jù)被加載完畢,我們就可以使用該數(shù)據(jù)來動態(tài)更新Web頁面了。
上一篇google 加vue
下一篇mysql變紅怎么辦