AJAX（Asynchronous JavaScript and XML）是一种在Web页面上实现异步通信的技术。它可以通过向服务器发送请求并在后台获取数据，然后将这些数据动态更新到页面的不同部分。其中一种常见的应用场景是使用AJAX给页面的变量赋值，以实现动态展示数据的效果。

假设我们有一个网页，其中有一个按钮，点击该按钮可以异步地获取数据并将其显示在页面上。当用户点击按钮时，AJAX可以通过向服务器发送请求，获取到数据，并将数据赋值给页面上的变量。然后，页面可以根据这些变量的值进行必要的操作，例如展示数据、更新视图等。

下面是一个简单的例子，演示了如何使用AJAX给页面的变量赋值。

// HTML部分
<button id="fetchDataBtn">获取数据</button>
<div id="dataContainer"></div>
// JavaScript部分
<script>
// 给按钮绑定点击事件
document.getElementById('fetchDataBtn').addEventListener('click', fetchData);
// 定义获取数据的函数
function fetchData() {
// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 设置请求类型、请求地址和是否异步
xhr.open('GET', 'https://example.com/data', true);
// 监听XMLHttpRequest对象的状态改变事件
xhr.onreadystatechange = function() {
// 当请求完成并且响应状态为200时，说明请求成功
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
// 获取到数据
var data = JSON.parse(xhr.responseText);
// 将数据赋值给页面上的变量
document.getElementById('dataContainer').innerHTML = data;
}
};
// 发送请求
xhr.send();
}
</script>

在上面的代码中，当用户点击"获取数据"按钮时，由于按钮已经绑定了点击事件，所以会调用fetchData函数。fetchData函数中，首先创建了一个XMLHttpRequest对象，然后使用open方法设置请求类型、请求地址和是否异步。

接下来，我们监听了XMLHttpRequest对象的状态改变事件。当请求状态为4（即请求已完成）且响应状态为200（即请求成功）时，说明已经成功从服务器获取到了数据。我们使用JSON.parse方法将响应数据解析为JavaScript对象，然后将数据赋值给id为"dataContainer"的元素，通过innerHTML将数据展示在页面上。

通过上述方式，我们可以轻松实现给页面的变量赋值的效果。这样一来，用户点击按钮时可以异步地从服务器获取数据，并在页面上展示相关内容。

总结来说，AJAX可以方便地实现给页面的变量赋值的效果。它能够通过向服务器发送请求并获取数据，然后将这些数据动态更新到页面的不同部分。使用AJAX，我们可以实现无需刷新页面而直接在页面上展示最新数据的效果，给用户带来良好的使用体验。