使用Ajax时，我们经常需要在请求完成之后执行一些额外的操作。这些操作可以是更新网页内容、显示提示信息或者对返回的数据进行处理等。在这篇文章中，我们将探讨Ajax完成之后调用的函数，并举例说明其在实际应用中的作用。 在Ajax中，我们可以通过监听XMLHttpRequest对象的readyState和status属性来判断请求是否完成。当readyState为4且status为200时，表示请求已经成功完成。此时，我们可以调用回调函数来执行一些后续操作。 例如，假设我们有一个网页上有一个按钮，当用户点击该按钮时，会通过Ajax请求后端接口获取当前用户的信息，并将其显示在页面上。那么，我们可以在Ajax请求完成之后调用一个函数来更新页面的内容。 下面是一个示例的Ajax调用代码：

```javascript
function getUserInfo() {
var xhr = new XMLHttpRequest();
xhr.open("GET", "https://example.com/getUserInfo", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 调用回调函数来更新页面内容
updateUserInfo(xhr.responseText);
}
};
xhr.send();
}
function updateUserInfo(userInfo) {
// 根据返回的用户信息更新页面内容的逻辑
var userInfoDiv = document.getElementById("userInfo");
userInfoDiv.innerHTML = userInfo;
}
```

在上面的代码中，getUserInfo函数通过Ajax请求后端接口获取用户信息。当请求完成后（readyState为4且status为200），会调用updateUserInfo函数来更新页面的内容。updateUserInfo函数通过修改页面中id为"userInfo"的元素的innerHTML属性来更新用户信息。 除了更新页面内容外，我们还可以在Ajax请求完成之后调用其他函数来执行一些额外的操作。例如，可以显示一个提示信息，告诉用户数据请求成功或失败。

```javascript
function getUserData() {
var xhr = new XMLHttpRequest();
xhr.open("GET", "https://example.com/getUserData", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
// 请求成功，显示成功提示信息
showSuccessMessage("数据请求成功！");
} else {
// 请求失败，显示错误提示信息
showErrorMessage("数据请求失败，请稍后再试。");
}
}
};
xhr.send();
}
function showSuccessMessage(message) {
var messageDiv = document.getElementById("message");
messageDiv.textContent = message;
messageDiv.style.color = "green";
}
function showErrorMessage(message) {
var messageDiv = document.getElementById("message");
messageDiv.textContent = message;
messageDiv.style.color = "red";
}
```

在上面的代码中，getUserData函数通过Ajax请求后端接口获取用户数据。当请求完成后，根据请求的状态（成功或失败），会分别调用showSuccessMessage和showErrorMessage函数来显示相应的提示信息。 总结起来，Ajax完成之后调用的函数在实际应用中起着重要的作用。通过这些函数，我们可以完成页面内容的更新、显示提示信息以及对返回的数据进行处理等操作。在使用Ajax时，我们应该合理利用这些回调函数，提高用户体验和数据交互的效率。