Ajax笔记总结：第二天（Ajax完结）

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状态码或网络错误，并相应地处理错误情况。

详细Xmind原文档，在文章顶部自取下载！