ajax实现局部刷新页面js

可以使用AJAX（Asynchronous JavaScript and XML）来实现局部刷新页面。AJAX可以在后台与服务器进行数据交互，从而实现无需重新加载整个页面的局部刷新。

以下是一个使用AJAX实现局部刷新的示例代码：

// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();

// 设置请求方式和请求地址
xhr.open('GET', 'example.php', true);

// 发送请求
xhr.send();

// 监听xhr对象的状态变化
xhr.onreadystatechange = function() {
    // 如果请求完成且响应状态码为200（即请求成功）
    if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
        // 获取响应数据
        var response = xhr.responseText;
        // 将响应数据插入到页面中指定的位置
        document.getElementById('example').innerHTML = response;
    }
};

在上面的代码中，我们创建了一个XMLHttpRequest对象，使用GET方法向example.php发送请求，并且开启了异步模式。当请求完成并且响应状态码为200时，我们获取响应数据并将其插入到页面中指定的位置（例如id为example的元素）中，从而实现局部刷新页面。