如何用JS局部刷新页面指定元素(table等)
时间: 2024-01-12 19:02:37 浏览: 167
你可以使用 Ajax 技术来实现局部刷新页面指定元素。具体步骤如下:
1. 创建一个 XMLHttpRequest 对象。
2. 使用 XMLHttpRequest 对象发送一个请求到服务器。
3. 服务器接收到请求后,处理请求并返回数据。
4. 使用 JavaScript 来解析服务器返回的数据。
5. 使用 JavaScript 来更新页面上指定的元素。
以下是一个示例代码,用于实现局部刷新页面中指定的 table 元素:
```javascript
function refreshTable() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("myTable").innerHTML = this.responseText;
}
};
xhttp.open("GET", "get-table-data.php", true);
xhttp.send();
}
```
在这个例子中,我们使用 XMLHttpRequest 对象来发送一个 GET 请求到服务器上的 "get-table-data.php" 文件。当服务器返回数据时,我们使用 JavaScript 来更新页面上 id 为 "myTable" 的元素的 innerHTML 属性,以显示最新的数据。
你需要将代码中的 "get-table-data.php" 和 "myTable" 分别替换为你自己的服务器端处理程序和要更新的元素的 id。
阅读全文