在一个html页面实现局部刷新

在HTML页面上实现局部刷新通常使用 AJAX (Asynchronous JavaScript and XML) 技术。AJAX允许网页在不重新加载整个页面的情况下，通过异步请求从服务器获取数据并更新部分区域的内容。以下是简单的步骤：

1. **创建XMLHttpRequest对象**：首先，在JavaScript中创建一个新的`XMLHttpRequest`对象，它是浏览器内置用于发送HTTP请求的对象。

var xhr = new XMLHttpRequest();

2. **设置请求**：然后，你需要配置请求的方式、URL以及处理响应的函数。例如，你可以设置GET请求来获取新的数据。

xhr.open('GET', '/new-data', true);
xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
        // 更新内容区域
        document.getElementById('targetDiv').innerHTML = xhr.responseText;
    }
};

3. **发送请求**：在配置完成后，调用`send()`方法开始发送请求。

xhr.send();

4. **服务器响应**：服务器端需要返回一个可以解析并插入到DOM中的响应，比如JSON数据。