Ajax是一种用于实现页面重载的前端技术。它可以通过异步的方式向服务器发送请求，获取数据然后更新页面，而不会引起整个页面的刷新。通过Ajax，我们可以提升用户的体验，使页面可以在不刷新的情况下实现数据的实时更新。

举个例子，假设我们有一个在线购物网站，用户可以在网站上选择商品并将其加入购物车。在传统的网页设计中，用户添加商品到购物车后，页面会刷新，并显示购物车的最新状态。但是使用Ajax，我们可以做到在用户点击"加入购物车"按钮时，通过Ajax向服务器发送请求，将商品加入购物车并更新购物车的数据，而不需要刷新整个页面。这样用户的购物流程会变得更加顺畅。

那么，如何实现页面重载呢？

首先，我们需要创建一个XMLHttpRequest对象，用于向服务器发送请求。以下是一个简单的示例：

var xhttp = new XMLHttpRequest();

然后，我们需要使用open()方法来设置请求的类型和URL：

xhttp.open("GET", "getdata.php", true);

在这个例子中，我们将要发送一个GET请求到getdata.php文件中。

接下来，我们需要定义一个回调函数，用于处理服务器返回的数据。当服务器返回数据时，回调函数将被调用。在回调函数中，我们可以更新页面的内容，从而实现页面重载。以下是一个简单的回调函数的例子：

xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("content").innerHTML = this.responseText;
}
};

在这个例子中，我们将服务器返回的数据更新到id为"content"的元素中。也可以根据实际需要进行其他处理。

最后，我们需要调用send()方法来发送请求：

xhttp.send();

以上就是一个简单的实现页面重载的Ajax请求的过程。

总结来说，通过使用Ajax可以实现页面的重载，而不需要整个页面的刷新。这种技术在各种网站和应用中都得到了广泛的应用，如社交网站的实时聊天、在线游戏的实时更新等。通过Ajax，用户的体验得到了显著的提升，页面变得更加流畅和响应。