ajax的callback—示例代码

Ajax中的callback函数是用来处理异步请求返回的数据的函数。当Ajax请求成功返回数据时，会调用callback函数来处理返回的数据。callback函数可以根据返回的数据进行相应的操作，例如更新页面内容、显示数据等。

示例代码如下：

function ajaxRequest(url, callback) {
  var xhr = new XMLHttpRequest();
  xhr.open('GET', url, true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      callback(xhr.responseText);
    }
  };
  xhr.send();
}
function handleResponse(response) {
  var data = JSON.parse(response);
  // 根据返回的数据进行相应的操作
  // 例如更新页面内容或显示数据
  console.log(data);
}
ajaxRequest('https://example.com/api/data', handleResponse);

在上面的示例代码中，我们定义了一个ajaxRequest函数，该函数接受一个URL和一个callback函数作为参数。在函数内部，我们创建了一个XMLHttpRequest对象，并通过open方法指定了GET请求的URL和异步请求。然后，我们设置了onreadystatechange事件处理程序，当请求状态变为4（请求已完成）且状态码为200（请求成功）时，调用callback函数，并将返回的响应文本作为参数传递给callback函数。

我们还定义了一个handleResponse函数作为callback函数，它接受一个参数response，表示返回的响应文本。在该函数内部，我们将响应文本解析为JSON格式的数据，并可以根据需要进行相应的操作。

我们调用ajaxRequest函数，并传递一个URL和handleResponse函数作为参数。当Ajax请求成功返回数据时，handleResponse函数将被调用，并将返回的响应文本作为参数传递给它。