ajax请求超时判断并处理

3.在ERROR回调函数中写 有关于 超时 处理 的函数:例如，可以在超时的情况下再次调用取数据函数。

ajax请求自定义超时时间，并处理相应的超时事件

对jQuery 来说，超时可以直接设置timeout参数，并在error事件中捕获第二个参数，如果是“timeout”则表明捕获了超时事件，非常清楚。

ajax返回状态码408 请求超时判断并处理

$.ajax({

type: ‘POST’,

contentType: ‘application/json’,

url: ‘…/ws/MyService.asmx/test’,

data: ‘{“email”:"’ + email + ‘"}’,

timeout: 30000, //超时时间：30秒

dataType: ‘json’,

success: function(result) {

// TODO: check result

},

error: function(XMLHttpRequest, textStatus, errorThrown) {

const $message = element.next().find(‘.loadmask-msg-label’)

//TODO: 处理status， http status code，超时 408

// 注意：如果发生了错误，错误信息（第二个参数）除了得到null之外，还可能

//是"timeout", “error”, “notmodified” 和 “parsererror”。

if (XMLHttpRequest.status == 401) $message.html(settings.unauthorizedMessage)

else if (XMLHttpRequest.status == 408) $message.html(settings.timeoutMessage)

else $message.html(settings.errorMessage)

},

})

jquery ajax 通过complete进行超时设置:

• 设置timeout的时间，通过检测complete时status的值判断请求是否超时，如果超时执行响应的操作。

• complete不管请求成功还是失败，都会执行 下面这段complete代码是处理超时的处理，这里你可以写自己要处理的东西

function request(url, data, success_callback, error_callback) {

console.log(‘url:’ + url)

const xhr = $.ajax({

//请求方式,提交数据的类型 POST GET

type: ‘POST’,

//请求的URL

url: url,

//请求所传参数，json格式

data: data,

// 设置超时的时间20s，单位毫秒

timeout: 20000,

//返回数据的格式

datatype: ‘json’, //“xml”, “html”, “script”, “json”, “jsonp”, “text”.

xhrFields: {

withCredentials: true,

},

crossDomain: true,

//在请求之前调用的函数

beforeSend: function() {},

//成功返回之后调用的函数

success: function(response) {

alert(‘成功’)

handleResponse(response, success_callback, error_callback)

},

//调用执行后调用的函数 请求完成后最终执行参数

complete: function(XMLHttpRequest, textStatus) {

//超时,status还有success,error等值的情况

if (textStatus == ‘timeout’) {

alert(‘超时’)

if (error_callback != null && error_callback != ‘’) {

error_callback()

}

}

},

//调用出错执行的函数

error: function() {

//请求出错处理

console.log(‘error’)

},

})

}

error事件返回的第一个参数XMLHttpRequest有一些有用的信息：

XMLHttpRequest.readyState: 状态码

0 － （未初始化）还没有调用send()方法

1 － （载入）已调用send()方法，正在发送请求

2 － （载入完成）send()方法执行完成，已经接收到全部响应内容

3 － （交互）正在解析响应内容

4 － （完成）响应内容解析完成，可以在客户端调用了

XMLHttpRequest.status属性:一些错误代码

HTTP

1xx-信息提示

这些状态代码表示临时的响应。客户端在收到常规响应之前，应准备接收一个或多个1xx响应。

100-继续。

101-切换协议。

2xx-成功

这类状态代码表明服务器成功地接受了客户端请求。

200-确定。客户端请求已成功。

201-已创建。

202-已接受。

203-非权威性信息。

204-无内容。

205-重置内容。

206-部分内容。

3xx-重定向

客户端浏览器必须采取更多操作来实现请求。例如，浏览器可能不得不请求服务器上的不同的页面，或通过代理服务器重复该请求。

301-对象已永久移走，即永久重定向。

302-对象已临时移动。

304-未修改。

307-临时重定向。

4xx-客户端错误

发生错误，客户端似乎有问题。例如，客户端请求不存在的页面，客户端未提供有效的身份验证信息。400-错误的请求。

401-访问被拒绝。IIS定义了许多不同的401错误，它们指明更为具体的错误原因。这些具体的错误代码在浏览器中显示，但不在IIS日志中显示：

401.1-登录失败。

401.2-服务器配置导致登录失败。

401.3-由于ACL对资源的限制而未获得授权。

401.4-筛选器授权失败。

401.5-ISAPI/CGI应用程序授权失败。

401.7–访问被Web服务器上的URL授权策略拒绝。这个错误代码为IIS6.0所专用。

403-禁止访问：IIS定义了许多不同的403错误，它们指明更为具体的错误原因：

403.1-执行访问被禁止。

403.2-读访问被禁止。

403.3-写访问被禁止。

403.4-要求SSL。

403.5-要求SSL128。

403.6-IP地址被拒绝。

403.7-要求客户端证书。

403.8-站点访问被拒绝。

403.9-用户数过多。

403.10-配置无效。

403.11-密码更改。

403.12-拒绝访问映射表。

403.13-客户端证书被吊销。

403.14-拒绝目录列表。

403.15-超出客户端访问许可。

403.16-客户端证书不受信任或无效。

403.17-客户端证书已过期或尚未生效。

403.18-在当前的应用程序池中不能执行所请求的URL。这个错误代码为IIS6.0所专用。

403.19-不能为这个应用程序池中的客户端执行CGI。这个错误代码为IIS6.0所专用。

403.20-Passport登录失败。这个错误代码为IIS6.0所专用。

404-未找到。

404.0-（无）–没有找到文件或目录。

404.1-无法在所请求的端口上访问Web站点。

404.2-Web服务扩展锁定策略阻止本请求。

404.3-MIME映射策略阻止本请求。

405-用来访问本页面的HTTP谓词不被允许（方法不被允许）

406-客户端浏览器不接受所请求页面的MIME类型。

407-要求进行代理身份验证。

412-前提条件失败。

413–请求实体太大。

414-请求URI太长。

415–不支持的媒体类型。

416–所请求的范围无法满足。

417–执行失败。

423–锁定的错误。

5xx-服务器错误

服务器由于遇到错误而不能完成该请求。

500-内部服务器错误。

500.12-应用程序正忙于在Web服务器上重新启动。

500.13-Web服务器太忙。

500.15-不允许直接请求Global.asa。

500.16–UNC授权凭据不正确。这个错误代码为IIS6.0所专用。

500.18–URL授权存储不能打开。这个错误代码为IIS6.0所专用。

500.100-内部ASP错误。

501-页眉值指定了未实现的配置。

502-Web服务器用作网关或代理服务器时收到了无效响应。

502.1-CGI应用程序超时。

502.2-CGI应用程序出错。application.

503-服务不可用。这个错误代码为IIS6.0所专用。

504-网关超时。

505-HTTP版本不受支持。

FTP

1xx-肯定的初步答复

这些状态代码指示一项操作已经成功开始，但客户端希望在继续操作新命令前得到另一个答复。

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（资料价值较高，非无偿）

前端面试题汇总

---

前端面试题是我面试过程中遇到的面试题，每一次面试后我都会复盘总结。我做了一个整理，并且在技术博客找到了专业的解答，大家可以参考下：

由于篇幅有限，只能分享部分面试题，完整版面试题及答案可以【点击我】阅读下载哦~

感悟

---

前端面试题是我面试过程中遇到的面试题，每一次面试后我都会复盘总结。我做了一个整理，并且在技术博客找到了专业的解答，大家可以参考下：

由于篇幅有限，只能分享部分面试题，完整版面试题及答案可以【点击我】阅读下载哦~

感悟

春招面试的后期，运气和实力都很重要，自己也是运气比较好，为了回馈粉丝朋友们（毕竟自己也玩了这么久哈哈哈），整理个人感悟和总结以上。最后祝愿大家能够收获理想offer！！