回忆ajax细节

原生ajax

var xhr=new XMLHttpRequest();
xhr.open(“get”,“http://127.0.0.1:8080/addList","true”);
xhr.send(null);
xhr.onreadystatechange=function(){
if(xhr.readyState 4 && xhr.status200){
console.log(xhr.responseText);
}
}
}

碰到的问题

1.跨域问题
app.all("",function(req,res,next){
console.log(“all”);
res.header(“Access-Control-Allow-Origin”,"");
next();
})
2.xhr.status=0
1、If the state is UNSENT or OPENED, return 0.（如果状态是UNSENT或者OPENED，返回0）
2、If the error flag is set, return 0.（如果错误标签被设置，返回0）
3、Return the HTTP status code.（返回HTTP状态码）

引用一下
https://blog.csdn.net/iaiti/article/details/42192659

3.xhr.readyState的值
0: 请求未初始化（创建前）
1: 服务器连接已建立（已经open）
2: 请求已接收(已经send)
3: 请求处理中（send后，数据还没有返回完全）
4: 请求已完成，且响应已就绪（数据返回完全，请求完成）

JQuery ajax

$("#btn").on( “click”,function(){
alert()
$.get(“http://localhost/addList”,function(result){
console.log( result );
})
} )
碰到的问题
1.cdn托管

CDN的全称是Content Delivery Network，即内容分发网络。CDN的基本原理是广泛采用各种缓存服务器，将这些缓存服务器分布到用户访问相对集中的地区或网络中，在用户访问网站时，利用全局负载技术将用户的访问指向距离最近的工作正常的缓存服务器上，由缓存服务器直接响应用户请求。

2.如何对网站的文件和资源进行优化
1、利用浏览器缓存你的 js 和 CSS 文件
2、把你的 .js 库文件地址替换成 Google CDN的地址：
3、精简和优化你的 js 和 CSS：
4、GZIP 压缩你的 JS 和 CSS 文件：
5、使用css sprites合并图片（精灵图）
6、优化你网站图片：
7.meta标签优化（title,description,keyword）,heading标签的优化，alt优化
8.反向链接，网站外链接

引用一下
https://blog.csdn.net/weixin_41435278/article/details/81985193

注意
ajax发送异步请求浏览器做了什么
1.Js创建了一个ajax请求
2.浏览器另外开启一个ajax引擎线程，执行ajax请求
3.执行得到响应后将回调函数放入任务队列中。
4.Js执行任务队列中的回调函数。