Xmind鸟瞰图：
简单文字总结：
ajax知识总结：
Ajax的基本语法：
1.定义一个实例化对象：new XMLHttpRequest()
2.调用open方法填写请求方式和请求地址
3.调用send方法发送请求
4.监听请求状态
5.4代表请求完成,状态码200代表请求成功
Ajax的请求：
1.GET请求：
①GET请求通常用于请求服务器发送资源
②使用GET请求时，参数会附加在URL之后，并随请求发送到服务器
③GET请求是可缓存的，且会被保存在浏览器的历史记录中
2.POST请求：
①POST请求通常用于向服务器提交应该被处理的数据
②与GET请求不同，POST请求的数据会包含在请求体中，而不是附加在URL之后
③POST请求不是可缓存的，也不会被保存在浏览器的历史记录中
ajxa默认属于异步操作：可以通过open方法，设置false改为同步操作
ajax实现局部更新的基本步骤：
1.创建 XMLHttpRequest 对象：这是 AJAX 的核心，用于与服务器交换数据
2.配置请求：设置请求的方法（GET 或 POST）、URL 以及是否需要异步处理等
3.发送请求：通过 XMLHttpRequest 对象的 send() 方法发送请求到服务器。
4.处理响应：当请求被服务器处理后，服务器会返回响应。通过监听 XMLHttpRequest 对象的 onreadystatechange 事件或 onload 事件（现代浏览器推荐使用），可以获取到服务器的响应数据，并据此更新页面的指定部分。
跨域：
1.跨域是违背了浏览器的同源策略，同源策略是浏览器的一种安全策略
2.什么是同源策略？协议 域名 端口号 只要其中有一个不一样就违背了同源策略 就会产生跨域
3.解决跨域：生产环境一般跨域都是后台解决，前端代码要放到服务器上，开发环境可以通过jsonp解决跨域：原理就是利用script标签的src属性可以跨域+回调函数
获取响应头：
1.通过getResponseHeader(headerName)方法来获取特定的响应头
2.通过getAllResponseHeaders()方法来获取所有的响应头
封装ajax的步骤：
1.创建一个函数用于封装AJAX请求：这个函数可以接收URL、请求方法（如GET、POST）、请求头（headers）、请求体（body，通常用于POST请求）、以及其他可能需要的配置（如超时时间、是否异步等）作为参数。
2. 创建XMLHttpRequest对象：这是执行AJAX请求的基础。
3. 配置请求：使用open()方法配置请求的URL、方法（GET、POST等）和是否异步处理。
4. 设置请求头（根据需要）：在发送请求之前，使用setRequestHeader()方法设置请求头。
5. 发送请求：调用send()方法发送请求。对于POST请求，你需要将请求体（如JSON字符串）作为send()方法的参数传递。
6. 处理响应：监听XMLHttpRequest对象的onreadystatechange事件或使用现代浏览器支持的onload、onerror等事件处理程序来接收和处理响应。
7. 错误处理：在事件处理程序中检查HTTP状态码或网络错误，并相应地处理错误情况。
