javascript - 在 Javascript 中处理浏览器的 HTTP 请求超时

Question

在我的 Web 应用程序中，我尝试在调用 REST API 时处理超时情况。这是我的代码，它使用 jQuery ajax 调用 API。

$.ajax({
            type: "POST",
            url: endpoint,
            data: payload,
            dataType: dataType,
            timeout: 0,
            success: successHandler,
            error: failureHandler
        });

成功和失败处理程序如下所示。

function successHandler(data) {
    //Got the data 
}

function failureHandler(xhr, textStatus, thrownError) {
    if(xhr.status==404) {
      console.log('Page not found');
    } else if(xhr.status==408) {
      console.log('request timed out at server. You may want to retry') ;    
    } 
}

如果超时发生在服务器上，则会给出状态 408。但有时，由于网络连接问题，客户端(浏览器)本身会超时，因为它无法在指定时间内连接到服务。我想这是浏览器的行为。如果浏览器请求超时，xhr.status 和 textStatus 会是什么？如何处理这种情况？

[编辑]我在 Set timeout for ajax (jQuery) 中找到了一些解释。这解释了我们如何在代码中设置超时。但我的问题是我不想这样设置超时。检查ajax请求中的代码，我设置了timeout: 0，这意味着没有超时，我将等待直到收到服务器的响应。同时，浏览器可能会因为全局超时设置而杀死该请求。我正在寻找一个可以解决这个问题的解决方案。

Answer 1

这看起来是一个与这篇文章非常相似的问题。祝你好运! How to detect timeout on an AJAX (XmlHttpRequest) call in the browser?