首页 > 其他分享 >网络异常与网络断开,发送AJAX处理

网络异常与网络断开,发送AJAX处理

时间:2023-02-08 23:55:18浏览次数:42  
标签:false 断开 isSending 网络 发送 AJAX 请求

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			  #result {
				  width: 300px;
				  height: 100px;
				  border: 1px solid red;
			  }
		</style>
	</head>
	<body>
		<button>点击发送</button>
	</body>
	<script>
	//当网络存在延迟/异常的特殊处理
		const btm = document.getElementsByTagName('button')[0];
		let x =null;
		let isSending = false;//是否正在发送AJAX请求 true 是 false否
		btm.addEventListener('click',function(){
			if(isSending){//如果正在发送请求则继续请求,在新建一个请求
				x.abort()
			};
			x= new XMLHttpRequest();
			isSending = true;
			x.open('GET','http://127.0.0.1:8000/delly');
			x.send();
			if(x.onreadystatechange === 4){
				//修改变量标识
				isSending = false;
			}
		})
	</script>
</html>

  

 

标签:false,断开,isSending,网络,发送,AJAX,请求
From: https://www.cnblogs.com/wsx123/p/17103774.html

相关文章

  • 修改AJAX内容后,每次都需要重新运行终端?解决方法(nodemon)
    安装  npminstall-gnodemon 使用nodemon.\server.js 备注:.\server.js是服务器(自己写的)  ......
  • ajax请求
    ajax的请求答:1.创建一个ajax对象constxhr=newXMLHttpRequest()2.配置连接信息xhr.open('get','./data.php')//xhr.open('请求方式','请求地址',是否......
  • 计算机网络数据链路层
    计算机网络数据链路层基础概论基本概念:数据链路层在物理层和网络层之间,提供相邻节点的可靠数据传输帧组成:帧:数据链路层的基本单位帧头:存放源mac地址与目的mac地......
  • 【时间基准】NTP网络时钟服务器助力智能农业系统
    【时间基准】NTP网络时钟服务器助力智能农业系统【时间基准】NTP网络时钟服务器助力智能农业系统京准电子科技官微——ahjzsz建立一个规范准确即时的种植数据库,提高管理......
  • Linux几种网络模式介绍
    简单介绍Linux几种网络模式​ 虚拟化层次:​ 打开vmware虚拟机,我们可以在选项栏的“编辑”下的“虚拟网络编辑器"中看到VMnet0(桥接模式)、VMnet1(仅主机模式)、V......
  • 文理分科问题 网络流划分
    文理分科问题网络流划分题目大意全班分科,每位同学分到文科能获得一定满意值,分到理科能获得一定满意值,如果上下左右的同学都被分到同一科也能增加一定的满意值,要求找到最......
  • ICPC2020小米网络选拔赛第一场复盘
    1、看题第一次组队打ICPC,可能任务分配上还有待优化但是有个团队,感觉安心好多。我们有三个人,开始是分开来,每人看三题djn看ABC,jyf看DEF,我看GHI,JK没人看我开始只来得及看了G......
  • 计算机网络-应用层协议
    前言:本章将介绍关于应用层的协议,如下图所示一、应用协议的概要利用网络的应用程序有很多,包括Web浏览器、电子邮件、远程登陆、文件传输、网络管理等,能够让这些应用进行通......
  • pod的网络通讯方式
    导言    我们继续去学习我们的基础概念中的另一个就是网络的通讯方式,我们要先对k8s中的网络通讯有一定的认知以后,那才能帮助我们比较好的去构建我们的k8s。那首......
  • JQuery实现ajax()三种方式
    JQuery实现方式1.$.ajax()语法:$.ajax({键值对})<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><script......