ajax 请求超时设置—ajax请求超时时间设置:示例代码

vuekuangjia

温馨提示:这篇文章已超过230天没有更新,请注意相关的内容是否还可用!

Ajax请求超时设置可以通过设置XMLHttpRequest对象的timeout属性来实现。timeout属性指定了请求的超时时间,即在指定的时间内如果服务器没有响应,就会触发超时事件。

示例代码如下所示:

var xhr = new XMLHttpRequest();

xhr.open('GET', 'http://example.com/api/data', true);

xhr.timeout = 5000; // 设置超时时间为5秒

xhr.onload = function() {

if (xhr.status === 200) {

console.log(xhr.responseText);

}

};

xhr.ontimeout = function() {

console.log('请求超时');

};

xhr.send();

在上述代码中,首先创建了一个XMLHttpRequest对象,并使用open方法指定了请求的方法和URL。然后,通过设置timeout属性将超时时间设置为5000毫秒(即5秒)。接着,通过设置onload事件处理函数来处理请求成功的情况,如果响应的状态码为200,则打印出响应的文本内容。还设置了ontimeout事件处理函数来处理请求超时的情况,当超过指定的超时时间后,会触发该事件并打印出"请求超时"的提示信息。通过调用send方法发送请求。

通过上述代码,我们可以实现对Ajax请求的超时时间进行设置,并在超时事件发生时进行相应的处理。

文章版权声明:除非注明,否则均为莫宇前端原创文章,转载或复制请以超链接形式并注明出处。

取消
微信二维码
微信二维码
支付宝二维码