标签：Ajax

Ajax基础学习

<p>讲解Ajax异步请求的核心知识，包括XMLHttpRequest对象的创建与使用、GET与POST请求的数据携带与编码、responseType、timeout、withCredentials等属性以及load、error、abort、timeout事件。</p>

跨域问题与解决方案

<p>介绍浏览器同源策略与跨域请求被阻止的原因，对比协议、域名、端口号的同域判定规则，并详细讲解CORS跨域资源共享与JSONP两种后端解决方案及前端调用方式。</p>

FormData使用

<p>介绍FormData类的用途与兼容性，演示表单元素的解析、append、get、遍历等操作，并讲解如何借助FormData配合Ajax替代表单默认提交实现校验与参数追加，以及Content-Type的注意事项。</p>

Ajax封装（含Promise）

<p>详细讲解如何模块化封装Ajax，包含utils工具、default配置、constant常量与Ajax类的设计，实现请求发送与事件绑定，并在其基础上用Promise二次封装get、getJSON、post等易用API。</p>

Ajax实际应用（三种场景）

<p>通过三个实际场景讲解Ajax的应用，包括带防抖定时器的搜索提示、鼠标移入按需加载的二级菜单以及使用Promise.all处理多个并发请求并统一关闭加载效果，兼顾性能与用户体验。</p>

Fetch使用

<p>介绍Fetch作为Ajax替代方案的特点与不足，演示fetch发送GET请求并通过response.json()获取数据，以及第二个配置参数中method、body、headers、mode、credentials的用法。</p>