使用原生JavaScript创建一个XMLHttpRequest对象,然后发送一个POST请求到地址http://192.168.100.109:986。在请求完成后,会根据状态码和响应数据更新页面上一个id为message的元素的内容。设置跨域请求相关的参数,访问请求超时
时间: 2024-02-09 14:09:21 浏览: 72
好的,以下是JavaScript代码实现:
```javascript
// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 设置请求参数
xhr.open("POST", "http://192.168.100.109:986", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.timeout = 5000; // 设置请求超时时间,单位为毫秒
// 监听请求完成事件
xhr.onload = function() {
if (xhr.status === 200) {
// 请求成功,更新页面元素
document.getElementById("message").innerHTML = xhr.responseText;
} else {
// 请求失败,处理错误
console.log("请求失败,状态码:" + xhr.status);
}
};
// 监听请求超时事件
xhr.ontimeout = function() {
console.log("请求超时");
};
// 发送请求
xhr.send(JSON.stringify({key: "value"}));
```
在这段代码中,我们创建了一个XMLHttpRequest对象,并设置了请求的地址、请求方法、请求头、请求超时时间等参数。然后,我们监听了请求完成事件和请求超时事件,在事件处理函数中处理请求的结果。最后,我们发送了一个包含JSON数据的POST请求。注意,为了避免跨域请求问题,我们需要在服务端设置相关的CORS(跨域资源共享)规则。
阅读全文