119Ajax-ajax错误处理、低版本ie缓存问题、函数封装

本文详细探讨了Ajax错误处理的四个场景,包括如何根据http状态码进行响应处理,并针对低版本IE浏览器的缓存问题提出了解决方案,即通过添加随机参数避免缓存导致的数据不更新问题。
摘要由CSDN通过智能技术生成

ajax错误处理

可以判断服务器端返回的状态码,分别进行处理,xhr.status获取http状态码

/* 1. 网络畅通,服务器端能接收到请求,服务器端返回的结果不是预期结果。
可以判断服务器端返回的状态码,分别进行处理。xhr.status 获取http状态码
*/

/* 2. 网络畅通,服务器端没有接收到请求,返回404状态码。
检查请求地址是否错误。
*/

/* 3. 网络畅通,服务器端能接收到请求,服务器端返回500状态码。
服务器端错误,找后端程序员进行沟通 */

/* 4. 网络中断,请求无法发送到服务器端。
会触发xhr对象下面的onerror事件,在onerror事件处理函数中对错误进行处理。
*/

// 对应07html文件
app.get('/error', (req, res) => {
   
	//console.log(abc);
	res.status(400).send('not ok');
});

html、js

<button id="btn">发送Ajax请求</button>
	<script type="text/javascript">
		var btn = document.getElementById(
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值