jQuery 超时 - Javascript

在进行 AJAX 调用时，经常需要在一定时间内等待服务器响应，如果服务器响应不及时，客户端就需要处理超时事件。jQuery 提供了 $.ajax() 方法，可以设置超时时间来处理这种情况。

使用 $.ajax() 方法设置超时时间

在使用 $.ajax() 方法进行 AJAX 调用时，可以通过设置 timeout 参数来设置超时时间。下面是一个例子：

$.ajax({
    url: "example.php",
    type: "POST",
    data: { name: "John", location: "Boston" },
    timeout: 5000, // 设置超时时间为 5 秒
    success: function(response) {
        console.log("请求成功:", response);
    },
    error: function(jqXHR, textStatus, errorThrown) {
        console.log("请求失败:", textStatus);
    }
});

在上面的例子中，timeout 参数被设置为 5000 毫秒（即 5 秒）。如果请求的响应时间超过了 5 秒，就会执行 error 回调函数，提示请求超时。

超时事件处理

当请求超时时，error 回调函数会被执行。在该函数中，可以进行超时事件的处理。下面是一个例子：

$.ajax({
    url: "example.php",
    type: "POST",
    data: { name: "John", location: "Boston" },
    timeout: 5000, // 设置超时时间为 5 秒
    success: function(response) {
        console.log("请求成功:", response);
    },
    error: function(jqXHR, textStatus, errorThrown) {
        if (textStatus === "timeout") { 
            console.log("请求超时");
        } else {
            console.log("请求失败:", textStatus);
        }
    }
});

在上面的例子中，error 回调函数中判断了 textStatus 是否为 "timeout"，如果是，就表示请求超时，执行超时事件的处理。

参考文献

• jQuery.ajax() | jQuery API Documentation
• jquery ajax 超时 - 简书