本教程详细介绍了如何使用Ajax技术从服务器获取实时时间,并在客户端更新显示,适用于前端开发人员学习和参考。
使用JavaScript编写获取服务器时间的AJAX代码如下:
首先,在HTML文件中创建一个用于显示时间和点击触发请求的按钮。
```html
获取服务器时间
```
在JavaScript文件中编写AJAX请求,用于向服务器发送请求并接收返回的服务器时间。
```javascript
document.getElementById(getTime).addEventListener(click, function() {
var xhr = new XMLHttpRequest();
xhr.open(GET, server-time.php, true);
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
document.getElementById(displayTime).innerHTML = 服务器时间: + xhr.responseText;
}
};
xhr.send();
});
```
以上代码实现了一个简单的AJAX请求,用于获取并显示来自服务器的时间。