如何在Ajax中处理请求超时与网络异常
发表于:2023-02-02 作者:安全数据网编辑
编辑最后更新 2023年02月02日,今天就跟大家聊聊有关如何在Ajax中处理请求超时与网络异常,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。当浏览器请求超时或者网络异常的时候,我
今天就跟大家聊聊有关如何在Ajax中处理请求超时与网络异常,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
当浏览器请求超时或者网络异常的时候,我们程序需要做出什么处理和反应呢?
ps:代码我会在后面贴出来,思路最重要
# 请求超时 首先在==express==逻辑上是这样子写的
// 模拟请求超时app.all("/delay", (request, response) => { response.setHeader('Access-Control-Allow-Origin', '*'); response.setHeader('Access-Control-Allow-Headers', '*'); setTimeout(() => { response.send('接收成功:模拟请求超时'); }, 3000);})
前端的请求
一开始没有加请求时间的设置,是可以输出结果的
那么现在呢,我们需要为请求加上一个限制时间,超过这个限制时间,浏览器就会认为此时请求超时了。如下加上
保存代码,然后到浏览器刷新,打开控制台
选择network,然后点击按钮,观察network的请求状态
首先一开始是pending状态(请求中)
超过了请求的阈值(2s),此时显示请求被取消了,显示cancel状态,而不是finish
但是在实际业务中,你不可能让每个用户打开控制台看请求有没有超时吧,所以我们可以加一个请求超时回调来完成信息弹窗提醒
我们刷新运行,发现此时就有一个弹窗提示了
那么,请求超时就演示到这来
网络异常
现在来看看网络异常我们需要怎么处理,那么网络异常在前端js里面也是有回调函数的,如下
然后,我们通过浏览器的控制台模拟离线状态
然后,我们点击按钮查看效果
莫得问题!
代码
超时与网络异常处理
const express = require("express");const app = express();// 模拟请求超时app.all("/delay", (request, response) => { response.setHeader('Access-Control-Allow-Origin', '*'); response.setHeader('Access-Control-Allow-Headers', '*'); setTimeout(() => { response.send('接收成功:模拟请求超时'); }, 3000);})app.listen(8080, () => { console.log('正在监听8080端口');});
什么是ajax
ajax是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术,可以通过在后台与服务器进行少量数据交换,使网页实现异步更新。
看完上述内容,你们对如何在Ajax中处理请求超时与网络异常有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注行业资讯频道,感谢大家的支持。
c语言网络技术和编程语言总结
c语言对应的三级考试网络技术
网站服务器后台如何加防护密码
c语言软件开发步骤
c语言中网络技术知识点
服务器对权限提升的防护措施
怎么在阿里云租服务器
黑苹果能做web服务器吗
c语言和网络技术哪个好考
云服务器2核4G是什么性能
数据库中删除表中一个人的内容
主机连接到mysql服务器
耐克服务器不支持付款
正规网络技术咨询诚信合作
赤峰网络安全大队位置
应用服务器主动攻击怎么处理
dna数据库是无形资产吗
个人信息保护网络安全
伽玛网络技术有限公司
occi连接数据库
pct国际专利数据库
网络技术之家
固定ip的服务器哪个好
南开区应用软件开发服务供应
软件开发工程师笔试题目
网络安全服务认证服务
三峡银行软件开发笔试
杭州神舟网络技术有限公司
数据库 培训用写代码吗
目前软件开发用什么框架
数据库创建表默认值int
网络安全硕士考公务员容易吗
网络安全教育宣传周的意义
商标数据库技术分析
服务器共同点
中小学生网络安全签名
网络安全演练总结报告怎么写
wps连接数据库打印标签
互联网科技公司需要的职位
网络安全防范网上朋友