Ajax里的XHR对象支持单例模式吗

最新推荐文章于 2023-06-29 10:43:28 发布

寻梦皮皮虾

最新推荐文章于 2023-06-29 10:43:28 发布

阅读量154

点赞数

分类专栏：前端开发文章标签： javascript ajax

本文链接：https://blog.csdn.net/qq_40882724/article/details/115604762

版权

本文探讨了Ajax中XHR对象是否支持单例模式。实验结果显示，XHR实例可以实现单例，但只能进行串行请求，若并发请求，则后续请求会被忽略。jQuery等库采取的是每次请求创建新实例的方式。

摘要由CSDN通过智能技术生成

之前跟同事探讨一个Ajax的问题：ajax是否可以封装一下，实现其他类库如Axios的单例模式呢？对当时的结论不置可否，今天验证一下

之前跟同事探讨一个Ajax的问题：ajax是否可以封装一下，实现其他类库如Axios的单例模式呢？对当时的结论不置可否，今天验证一下

服务端代码准备

通过express写一些基础代码：

const express = require('express');
const path = require('path')
const app = express();
// 提供一个接口
app.get("/api/greeting",(req,res,next)=>{
    console.log('收到请求!');
    res.send("Nice to see you!");
})
//监听3000端口
app.listen(3000,()=>{
  console.log('server on 3000!');
})

客户端代码

客户端并发两个请求

var xhr = new XMLHttpRequest();
xhr.onload = function(event){
  console.log(event.target.responseText)
}
function sendRequest(){
  xhr.open("get","/api/greeting");