课程目录
1、Ajax基础
2、Fetch
3、Axios
4、跨域解决方案
1、初识前后端交互
1、传统网站的问题
![在这里插入图片描述](https://img-blog.csdnimg.cn/f1505dc2ad484a8ba108341ba79b147c.png)
2、解决问题
![在这里插入图片描述](https://img-blog.csdnimg.cn/a83be43d221f44679de9a234f7fd1f85.png)
3、AJAX的优势
![在这里插入图片描述](https://img-blog.csdnimg.cn/32f8d7c4c8414acf90c13a93a71e0b8e.png)
4、AJAX使用步骤(onreadystatechange和onload)
![在这里插入图片描述](https://img-blog.csdnimg.cn/872e4ba14c4c4690bd694e4b7e89aa06.png)
![在这里插入图片描述](https://img-blog.csdnimg.cn/386c63fcd9c74bb1907eac1e59c9d3a1.png)
![在这里插入图片描述](https://img-blog.csdnimg.cn/f0c89b1afbf04a169b89f501917b9564.png)
5、AJAX状态码
![在这里插入图片描述](https://img-blog.csdnimg.cn/0e897bde9a2b4395b01f59a0d289af47.png)
6、AJAX的请求方式
![在这里插入图片描述](https://img-blog.csdnimg.cn/f82747d5a0ba42fc9b71766c8e300950.png)
***** 补充知识XML和json
1、XML:标签形式的数据,类似html,前端解析困难。(例如:< name>kerwin</ name>)
2、json:对象形式的字符串,容易解析。(例如:{“name”:“kerwin”})
***** map()方法 + 模板字符串的组合使用
![在这里插入图片描述](https://img-blog.csdnimg.cn/0e45c683f26743148fb9717eda5b1c45.png)