如何实现在点击完按钮,打印php返回值的内容后 能够使该内容每隔1秒实时更新
时间: 2024-03-05 20:52:31 浏览: 61
可以使用 `setInterval()` 方法定时调用 `loadOutput()` 方法来实现每隔1秒更新一次 PHP 返回值。修改代码如下:
```
<button id="ntpqBtn">加载NTP服务器状态</button> <pre id="ntpq"></pre> <script>
$(document).ready(function() {
function loadOutput() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var ntpqTable = document.getElementById("ntpq");
ntpqTable.innerHTML = this.responseText;
}
};
xhttp.open("GET", "ntp.php", true);
xhttp.send();
}
$('#ntpqBtn').click(function() {
loadOutput();
setInterval(loadOutput, 1000);
});
});
</script>
```
在点击按钮时,先调用一次 `loadOutput()` 方法获取 PHP 返回值并将其显示在浏览器上,然后再通过 `setInterval()` 方法每隔1秒自动调用一次 `loadOutput()` 方法来更新返回值。
阅读全文