Ajax（Asynchronous JavaScript and XML）是一种通过在后台与服务器进行少量数据交换，实现页面动态更新的技术。它可以实现无刷新更新页面内容，提升用户体验。在实际应用中，我们常常需要使用Ajax来实现两个html页面之间的数值传递。

一种常见的情况是，在页面A中提交表单数据给服务器后，将服务器返回的数据显示在页面B中。假设我们有一个页面A，其中包含了一个输入框和一个提交按钮，用户在输入框中输入名称并点击提交按钮后，会将数据发送给服务器。服务器根据用户输入的名称，返回对应的信息给页面B，然后将这些信息显示在页面B中。

<!-- 页面A -->
<input type="text" id="name" placeholder="请输入名称">
<input type="button" value="提交" onclick="sendData()">
<script>
function sendData() {
var name = document.getElementById("name").value;
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var response = xhr.responseText;
// 将服务器返回的数据显示在页面B中
window.open("pageB.html?" + response);
}
}
xhr.open("GET", "server.php?name=" + name, true);
xhr.send();
}
</script>

以上代码是页面A的示例，其中定义了一个名为"sendData"的函数，用于处理用户的提交操作。在函数内部，我们首先获取了用户在输入框中输入的名称，并创建了一个XMLHttpRequest对象。然后，我们为该对象的"onreadystatechange"事件绑定了一个回调函数，用于处理服务器返回的数据。接着，我们使用"open"方法指定数据的请求方式和URL，并使用"send"方法发送请求。当服务器返回数据时，回调函数会被触发，我们可以通过"xhr"对象的"responseText"属性获取服务器返回的数据，并将数据作为参数传递给页面B。

<!-- 页面B -->
<script>
var url = window.location.href;
var data = url.split("?")[1];
document.write("页面B收到的数据为：" + data);
</script>

以上代码是页面B的示例，其中我们首先获取了页面的URL，并通过split函数分割URL字符串，取得了页面A传递过来的数据。然后，我们使用document.write方法将传递过来的数据显示在页面B中。

通过以上示例，我们可以得出结论：通过使用Ajax，我们可以在两个html页面之间实现数据的传递。在页面A中，我们使用XMLHttpRequest对象发送数据给服务器，并在回调函数中将服务器返回的数据传递到页面B。在页面B中，我们可以通过window.location.href获取页面URL，并将其中的参数提取出来进行处理。