extjs ajax html【示例代码】

ExtJS是一个基于JavaScript的开发框架，它提供了丰富的组件和工具，用于构建功能强大的网页应用程序。其中，Ajax是一种用于在后台与服务器进行数据交互的技术，可以实现网页的异步更新。在ExtJS中，通过使用Ajax工具类，我们可以方便地发送Ajax请求，并处理服务器返回的数据。

下面是一个示例代码，展示了如何使用ExtJS的Ajax工具类发送一个Ajax请求，并在请求成功后将服务器返回的数据显示在网页上：

Ext.Ajax.request({
    url: 'example.php', // 请求的URL地址
    method: 'GET', // 请求的方法，可以是GET或POST
    params: { // 请求的参数，可以是一个对象或字符串
        param1: 'value1',
        param2: 'value2'
    },
    success: function(response){ // 请求成功后的回调函数
        var responseData = Ext.JSON.decode(response.responseText); // 将服务器返回的JSON字符串解析为JavaScript对象
        var resultDiv = Ext.getCmp('result'); // 获取页面上的一个DIV元素
        resultDiv.update(responseData.data); // 将服务器返回的数据显示在DIV元素中
    },
    failure: function(response){ // 请求失败后的回调函数
        Ext.Msg.alert('Error', 'Request failed.'); // 弹出一个错误提示框
    }
});

在上面的示例代码中，我们通过`Ext.Ajax.request`方法发送了一个GET请求到`example.php`这个URL地址，并传递了两个参数`param1`和`param2`。当请求成功后，`success`回调函数会被调用，我们通过`Ext.JSON.decode`方法将服务器返回的JSON字符串解析为JavaScript对象，并将其中的`data`字段的值显示在页面上的一个DIV元素中。如果请求失败，`failure`回调函数会被调用，我们通过`Ext.Msg.alert`方法弹出一个错误提示框。

通过使用ExtJS的Ajax工具类，我们可以方便地实现网页与服务器之间的数据交互，并对服务器返回的数据进行处理和展示。