ExtJS是一種JavaScrpt框架,可以用于構建富客戶端Web應用程序。在使用ExtJS進行ajax請求時,我們通常需要與JSON數據進行交互。下面是一個簡單的例子。
Ext.Ajax.request({ url: 'getData.php', method: 'POST', params: { key: 'value' }, success: function(response){ var result = Ext.decode(response.responseText); //處理返回的JSON數據 }, failure: function(response){ Ext.Msg.alert('Error','請求失敗。'); } });
讓我們來分解這段代碼。
首先,我們使用Ext.Ajax.request
方法來發起ajax請求。該方法包含一些選項,用于指定ajax請求的細節。
url
:指定要請求的URL。method
:指定HTTP請求方法(GET或POST)。params
:用于傳遞到服務器端的數據。這里將一個名為“key”的參數傳遞給服務器端。success
:當請求成功時調用的回調函數。函數的第一個參數是服務器返回的響應數據(在這種情況下,它是一個JSON格式的字符串)。我們使用Ext.decode
方法將JSON字符串解碼為JavaScript對象。failure
:當請求失敗時調用的回調函數。
如果請求成功,我們將使用解碼的JSON數據進行一些后續處理。否則,我們將顯示一個錯誤消息框。
總而言之,使用ExtJS進行ajax請求非常容易,特別是與JSON數據進行交互。您只需定義要發送的數據、指定請求的URL以及定義成功和失敗的回調函數。