ExtJS是一個強大的JavaScript框架,可以用于開發Web應用程序的前端部分。而JSON(JavaScript Object Notation)是一種輕量級的數據交換格式,常用于前端與后端之間的數據傳輸。在ExtJS中,我們可以使用Ext.Ajax.request方法來接收JSON數據。
Ext.Ajax.request({ url: 'example.php', method: 'GET', success: function(response){ // 處理返回的JSON數據 var jsonObj = Ext.JSON.decode(response.responseText); console.log(jsonObj); }, failure: function(response){ console.log('請求失敗'); } });
在這個示例中,我們使用GET方法向example.php發送請求,并處理返回的JSON數據。success回調函數接收一個參數response,其中包含服務器返回的響應內容。我們使用Ext.JSON.decode方法將返回的JSON字符串轉換為JavaScript對象,并將其輸出到控制臺上。
需要注意的是,如果請求失敗,則會調用failure回調函數,我們可以在其中處理錯誤情況。
{ "name": "張三", "age": 18, "gender": "男", "hometown":{ "province": "湖南省", "city": "岳陽市", "district": "岳陽樓區" } }
對于上面的JSON字符串,我們可以通過以下方式獲取其中的屬性值:
var jsonObj = Ext.JSON.decode(jsonStr); console.log(jsonObj.name); // 輸出:"張三" console.log(jsonObj.hometown.province); // 輸出:"湖南省"
總之,使用ExtJS接收JSON數據十分簡單,我們只需要使用Ext.Ajax.request方法,并在success回調函數中處理返回的JSON對象即可。
上一篇mysql變更結構