知识点
-
XMLHttpRequest
-
状态码
-
跨域：同源策略，跨域解决方案
一、XMLHttpRequest
====================
const xhr = new XMLHttpRequest()
xhr.open(“GET, ”/test.json”, true) // true异步请求
xhr.onreadystatechange = function () {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
alert(xhr.responseText)
} else if (xhr.status === 404) {
console.log(‘404 not found’)
}
}
}
xhr.send(null)
1. Xhr.readyState 状态码
0-（未初始化）还没有调用send（）方法
1-（载入）已经调用send（）方法，正在发送请求
2-（载入完成）send（）方法执行完成，已经接收到全部响应内容
3-（交互）正在解析响应内容
4-（完成）响应内容解析完成，可以在客户端调用（可以拿到responseText）
2. Xhr.status状态码（http协议）
2xx - 表示成功处理请求，如200
3xx - 需要重定向，浏览器直接跳转，如301（永久重定向） 302（临时重定向） 304（资源未改变）
4xx - 客户端请求错误，如404（请求地址有误） 403（客户端没有权限）
5xx - 服务器端有误
二、跨域
========
1. 什么是跨域（同源策略）
Ajax请求时，浏览器要求当前网页和server必须同源（安全）
同源：协议、域名、端口，三者必须一致
（例子：前端：http://a.com:8080/ server: https://b.com/api/xxx ）
加载图片css js 可以无视同源策略
可用于统计打点，可以使用第三方统计服务
jsonp.js
callback(name:‘zhangsan’)
jQuery实现jsonp
$.ajax({
url: ‘http://localhost:8002/x-origin.json’,
dataTtype: ‘jsonp’, // 发送ajax请求
小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）
8460746)]
[外链图片转存中…(img-nkc3F8yX-1710928460747)]
[外链图片转存中…(img-V0gY4MHK-1710928460747)]
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）
[外链图片转存中…(img-MT6ZIorL-1710928460748)]
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
