extjs Ajax 异步_示例代码

ExtJS中的Ajax是一种用于在网页中进行异步数据交互的技术。通过使用Ajax，可以在不刷新整个页面的情况下，向服务器发送请求并获取响应数据。在ExtJS中，可以使用Ext.Ajax类来实现Ajax请求。

下面是一个使用Ext.Ajax发送异步请求的示例代码：

Ext.Ajax.request({
    url: 'http://example.com/api/data',
    method: 'GET',
    params: {
        param1: 'value1',
        param2: 'value2'
    },
    success: function(response){
        var responseData = Ext.JSON.decode(response.responseText);
        console.log(responseData);
    },
    failure: function(response){
        console.error('Request failed');
    }
});

在上面的示例代码中，首先通过`Ext.Ajax.request`方法创建一个Ajax请求。其中，`url`参数指定了请求的URL地址，`method`参数指定了请求的HTTP方法（这里是GET方法），`params`参数指定了请求的参数。

在请求成功时，会调用`success`回调函数。在该回调函数中，可以通过`response.responseText`获取到响应的文本数据，并使用`Ext.JSON.decode`方法将其解析为JavaScript对象。在示例代码中，将解析后的数据打印到控制台上。

在请求失败时，会调用`failure`回调函数。在该回调函数中，可以进行错误处理，比如打印错误信息到控制台。

通过这样的方式，可以在ExtJS中使用Ajax进行异步数据交互，实现更加动态和响应式的网页应用程序。