温馨提示：这篇文章已超过181天没有更新，请注意相关的内容是否还可用！
Ajax是一种用于在不重新加载整个页面的情况下，通过后台与服务器进行数据交互的技术。当我们使用Ajax发送请求并从服务器获取到数据后，我们可以通过JavaScript将这些数据实时地显示在页面上。
我们需要通过JavaScript创建一个XMLHttpRequest对象，用于发送Ajax请求。然后，我们可以使用该对象的open()方法指定请求的方法（如GET或POST）、URL以及是否异步。接下来，我们可以使用该对象的send()方法发送请求。
当服务器返回响应时，我们可以通过监听XMLHttpRequest对象的onreadystatechange事件来获取响应数据。在该事件的处理函数中，我们可以通过XMLHttpRequest对象的status属性来判断请求的状态。当状态为4（即请求已完成）且响应的HTTP状态码为200时，表示请求成功。我们可以通过XMLHttpRequest对象的responseText属性获取到服务器返回的数据。
接下来，我们可以使用JavaScript将获取到的数据显示在页面上。例如，我们可以通过getElementById()方法获取到页面上的一个元素，并将获取到的数据赋值给该元素的innerHTML属性，从而实时地将数据显示在页面上。
以下是一个示例代码，演示了如何使用Ajax请求数据并将数据实时显示在页面上：
<!DOCTYPE html>
<html>
<head>
<title>Ajax实时返回数据示例</title>
<script>
function getData() {
var xhr = new XMLHttpRequest();
xhr.open("GET", "data.php", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = xhr.responseText;
document.getElementById("result").innerHTML = data;
}
};
xhr.send();
}
</script>
</head>
<body>
<button onclick="getData()">获取数据</button>
<div id="result"></div>
</body>
</html>
在上述示例中，当点击按钮时，会调用getData()函数。该函数会创建一个XMLHttpRequest对象，并使用open()方法指定请求的方法和URL。然后，通过监听onreadystatechange事件来获取响应数据。当请求完成且响应状态码为200时，将获取到的数据赋值给id为"result"的元素的innerHTML属性，从而实时地将数据显示在页面上。
