本文将介绍如何使用Ajax函数来获取数据，以及在函数体外如何处理这些数据。Ajax是一种用于在不刷新整个网页的情况下更新部分网页内容的技术。通过使用Ajax函数，您可以向服务器发送请求并接收响应，然后在不刷新整个页面的情况下更新部分内容。这使得整个网页的加载速度更快，用户体验更好。

首先，让我们看一个简单的例子来理解Ajax函数的基本用法：

function fetchData() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("data").innerHTML = this.responseText;
}
};
xhttp.open("GET", "data.php", true);
xhttp.send();
}

在这个例子中，我们使用的是原生的JavaScript XMLHttpRequest对象。然后，我们使用onreadystatechange事件来监听服务器响应的状态变化。当readyState值达到4（表示请求已完成）且status值为200（表示请求成功）时，我们更新id为"data"的HTML元素的内容为服务器返回的响应文本。

现在，我们已经学习了如何使用Ajax函数来获取数据，那么问题来了，我们如何在函数体外处理这些数据呢？一种常见的做法是在函数内部定义一个回调函数，并将这个回调函数作为参数传递给Ajax函数。当服务器成功返回响应时，回调函数将被执行，从而允许我们在函数体外对数据进行处理。

function fetchData(callback) {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
callback(this.responseText);
}
};
xhttp.open("GET", "data.php", true);
xhttp.send();
}
function processData(data) {
// 在函数外对数据进行处理
}
fetchData(processData);

在这个例子中，我们定义了一个名为processData的回调函数，并将其作为参数传递给fetchData函数。在fetchData函数内部，当服务器成功返回响应时，回调函数被调用，并传递响应文本作为参数。然后，我们可以在processData函数内部处理这些数据。这种方式使得我们能够在函数体外对数据进行灵活的处理。

在实际应用中，我们可以根据具体需求来处理数据。例如，我们可以将获取到的数据展示在网页上，可以对数据进行进一步的处理和计算，可以将数据保存到数据库中，或者可以通过其他方式使用这些数据。

总结而言，通过使用Ajax函数，我们可以方便地与服务器进行通信并获取数据。在函数体外，我们可以使用回调函数来处理这些数据。这种方法使得我们能够更加灵活地处理来自服务器的响应数据，为网页的交互和用户体验提供了更多的可能性。