ExtJS是一個非常流行的JavaScript框架,它具有許多方便的工具來幫助我們處理Ajax請求。其中一個非常重要的工具就是Ext.Ajax對象,我們可以使用它向服務器發送請求,并將返回的數據轉換為JSON格式。
Ext.Ajax.request({ url: 'http://www.example.com/someUrl', method: 'GET', success: function(response){ var json = Ext.decode(response.responseText); console.log(json); }, failure: function(response){ console.log('Request failed.'); } });
在這個例子中,我們向服務器發送一個GET請求,并在成功的回調函數中使用Ext.decode()方法將返回的數據轉換為JSON。我們可以在控制臺中查看JSON對象的內容。
可以使用Ext.Ajax的其他方法來發送POST、PUT、DELETE等請求。例如,如果我們要發送一個POST請求,只需將method屬性設置為'POST'即可。
Ext.Ajax.request({ url: 'http://www.example.com/someUrl', method: 'POST', params: { name: 'John', age: 30 }, success: function(response){ var json = Ext.decode(response.responseText); console.log(json); }, failure: function(response){ console.log('Request failed.'); } });
在這個例子中,我們還添加了一個params屬性來發送表單數據到服務器。服務器可以使用POST請求處理這些表單數據,并返回JSON格式的響應數據。
總之,使用Ext.Ajax對象可以輕松地向服務器發送Ajax請求,并將返回的數據轉換為JSON格式。這是我們在開發中非常有用的工具。