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