HTTP是什么
- HTTP是英⽂“Hyper Text Transfer Protocol”的缩写，中⽂译为：超⽂本传输协议
- HTTP协议主要解决的是浏览器和服务器之间如何通信的问题。
- HTTP协议规定了两件事来解决通信问题
- HTTP Request(HTTP请求)
- HTTP Response (HTTP响应)
HTTP请求是什么
定义：HTTP请求指浏览器向服务器发送的请求。
请求的内容有两种：
- 请求下载⽂件。
- 请求处理数据。
HTML中的http请求有哪些?
- href
- src
js中html请求
- 使用js操作src会产生http请求
- 使用js操作herf会产生http请求
- 使用js操作locarion会产生http请求
- 使用js操作表单会产生http请求
HTTP响应
定义：HTTP响应指服务器对浏览器请求做出的回应/响应。
服务器收到请求后必须处理请求，处理的结果有两种：
- 处理请求成功：返回请求的⽂件并通知浏览器请求成功。
- 处理请求失败：通知浏览器请求失败。
AJAX
- AJAX是“Asynchronous JavaScript and XML”的缩写。中⽂译为“异步JavaScript和XML”。
- AJAX不是web API ，也不是一种技术， 是一种方法，通过多种技术的组合，实现动态更新页面的目的。
- AJAX的最大的特点：在不刷新的情况下，更新页面数据。
- AJAX的实现方法有多种：
-方式1：XMLHttpRequest API
-方式2：操作标签的src属性
-方式3：JSONP
XMLHttpRequest API
- XML ：我英文Extension Markup Language的缩写，中文是：可扩展的标记语言。
- 用途：格式化数据 - HTML：是英文Hyper Text Markup Language的缩写，中文是：超文本标记语言。
- 用途：编写网页文档 - http：超文本传输协议
- Request：请求
- 字面意思：HTTP请求XML数据
- XML表示一种数据/文本格式。但是在这里，xml是个误会：不代表XMLHttpRequest 只能请求
- xml数据，实际上，它可以请求任意类型的数据，使用最多的数据类型是JSON。
定义：XMLHttpRequest 是一种处理浏览器和服务器之间通信的API。
-主要处理浏览器端：主要处理请求，不处理响应。
1.请求是前端的工作
2.响应是后端的工作
-它的核心对象是XMLHttpRequest对象
-它的最大特点：页面局部数据的更新
-它是AJAX的最重要的实现手段
-XMLHttpRequest通常有人这么简写：
步骤
第一步：从实例化一个xhr对象开始
const xhr = new XMLHttpRequest()//目的：使用xhr处理HTTP请求
第二步：创建一个HTTP请求
xhr.open()
请求数据的步骤
第一阶段：请求阶段
1.实例化一个xhr对象
2.准备发起请求：xhr.open()
3.发送请求：xhr.send()
第二阶段：响应阶段
4.监控xhr的实例对象的状态：xhr.onreadystatechange = function(){ }
5.查询xhr实例的状态：xhr.readyState() 返回 0 1 2 3 4
第三阶段：处理数据
6.响应已完成，接下来要获取数据：
xhr.responseText：获取字符串格式的数据
xhr.responseXML：获取XML格式的数据
XMLHttpRequest()
定义：是一个构造函数。用于创建一个xhr实例对象。
语法
返回值
实例
xhr.open()
定义：用于创建一个HTTP请求。
语法
xhrReq.open(method, url, async);
参数
- method:要使用的 HTTP 方法，比如 GET、POST、PUT、DELETE、等。
- url : 路径
- async :
返回值
实例
xhr.send()
定义：用于发送一个HTTP请求
语法
返回值
实例
xhr.onreadystatechange
定义：只要 readyState 属性发生变化，就会调用相应的处理函数
语法
返回值
实例
xhr.readyState
定义：用于查询xhr的状态码
语法
返回值
实例
HTTP 响应状态码
xhr.status
定义：用于查询请求对象http状态码
语法
返回值
实例
xhr.responseText
定义：获取字符串数据
语法
返回值
实例
xhr.responseType
定义：设置响应数据的类型
语法
let xhr = new XMLHttpRequest()
xhr.responseType(参数)
参数
- " "：空的 responseType 字符串与默认类型 "text" 相同。
- "arraybuffer"
- "blob"
- "document"
- "json"
- "text"
- "ms-stream"
返回值
实例
JSON
JSON.parse()
定义：方法用来解析 JSON 字符串，构造由字符串描述的 JavaScript 值或对象。
JSON.stringify()
定义：方法将一个 JavaScript 对象或值转换为 JSON 字符串
