以下是一个使用Ajax调用的示例代码:
// 创建一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 设置请求的方法和URL
xhr.open('GET', 'https://api.example.com/data');
// 设置超时时间为5秒
xhr.timeout = 5000;
// 设置超时处理函数
xhr.ontimeout = function() {
console.log('请求超时');
};
// 设置成功处理函数
xhr.onload = function() {
if (xhr.status === 200) {
console.log(xhr.responseText);
} else {
console.log('请求失败');
}
};
// 发送请求
xhr.send();
在上面的示例中,首先创建了一个XMLHttpRequest对象,然后使用open
方法设置请求的方法和URL。接下来,设置了超时时间为5秒,并通过ontimeout
事件处理函数来处理超时情况。然后,通过onload
事件处理函数来处理请求成功的情况,如果请求成功(状态码为200),则打印出返回的响应数据;否则,打印出请求失败的信息。最后,通过调用send
方法发送请求。
注意:在实际开发中,还需要处理其他可能的错误情况,例如网络错误、跨域访问等。此示例仅提供了基本的代码结构和超时处理方法。