ajax callback的作用 ajax回调函数callback：示例代码

Ajax回调函数callback的作用是在Ajax请求完成后执行特定的代码。当使用Ajax发送请求时，服务器会在后台处理请求并返回响应，而不会中断当前页面的加载。回调函数可以在服务器返回响应后触发，用于处理返回的数据或执行其他操作。

以下是一个示例代码，其中使用了Ajax回调函数callback：

// 创建一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 指定回调函数
xhr.onreadystatechange = function() {
  // 当请求状态为4（请求已完成）且响应状态为200（成功）时执行回调函数
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 处理返回的数据
    var response = xhr.responseText;
    console.log(response);
  }
};
// 发送Ajax请求
xhr.open('GET', 'https://example.com/api/data', true);
xhr.send();

在上面的示例中，首先创建了一个XMLHttpRequest对象，然后指定了回调函数xhr.onreadystatechange。该回调函数会在Ajax请求的状态发生变化时触发，例如当请求完成后（readyState为4）且响应状态为成功（status为200）时执行回调函数内的代码。

在回调函数内部，我们可以通过xhr.responseText获取服务器返回的数据，并进行进一步的处理。在示例中，我们将返回的数据输出到控制台上。

通过使用Ajax回调函数callback，我们可以在服务器返回响应后执行特定的代码，实现动态更新页面内容或执行其他操作。这种异步的方式能够提高用户体验，同时也使得页面加载过程更加流畅。