Ajax 网络延时 网络异常设置

1.怎么实现网络延时?给服务端的响应体加一个定时器

app.all('/delay', (request, response) => {
  //设置响应头  响应体名字Access-Control-Allow-Origin , *号是设置允许跨域
  response.setHeader('Access-Control-Allow-Origin', '*')
  //设置响应体
  setTimeout(() => {//设置一个定时器,3秒后再返回
    response.send('Hello AJAX')
  }, 3000)
})

2.我们现在发请求的时候可以设置如果2秒的时候还没拿到数据,那么就弹出提示“网络异常,请稍后重试!”

xhr.timeout = 2000 //超时设置
xhr.ontimeout = ()=>{//超时的回调
alert('网络异常,请稍后重试!!')
}

3.同时也有网络异常的回调

xhr.onerror = ()=>{
alert('你的网络似乎出了一些问题!!')
}

4.怎么模拟网络异常?我们可以借助谷歌浏览器
在这里插入图片描述
选择Offline就是断网,到时候再切换回Online就可以
5,效果
-超过两秒之后,弹出提示
在这里插入图片描述
-网络错误
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值