[JavaScript知识库]Ajax、Fetch和跨域请求

初识 Ajax

• Ajax 是什么
• 搭建 Ajax 开发环境

Ajax 的基本用法

• XMLHttpRequest
• Ajax 的使用步骤
• 使用 Ajax 完成前后端通信

GET 请求

• 携带数据
• 数据编码

POST 请求

• 携带数据
• 数据编码

JSON 是什么
初识 JSON
? 为什么需要 JSON

JSON 的 3 种形式

• 简单值形式
• 对象形式
• 数组形式

JSON 的常用方法

• JSON.parse()
• JSON.stringify()
• 使用 JSON.parse() 和 JSON.stringify() 封装 localStorage

初识跨域

• 跨域是什么
• 什么是不同域，什么是同域
• 跨域请求为什么会被阻止
• 跨域解决方案

CORS 是什么

• CORS 跨域资源共享
• 使用 CORS 跨域的过程
• CORS 的兼容性

JSONP

• JSONP 的原理
• 使用 JSONP 实现跨域

XHR 的属性

• responseType 和 response 属性
• timeout 属性
• withCredentials 属性

XHR 的方法

• abort()
• setRequestHeader()

XHR 的事件

• load 事件
• error 事件
• abort 事件
• timeout 事件

FormData

• 使用 Ajax 提交表单
• FormData 的基本用法

axios

• axios 是什么
• axios 的基本用法

Fetch

• Fetch 是什么
• Fetch 的基本用法