2022-02-03 axios笔记和http相关知识点(一) xhr对象和fetch函数两种方式发送ajax请求,前后端交互的接口:REST的api和非REST的api

1.http请求交互的基本过程

浏览器(客户端)向服务器发起的请求报文包含:请求行,请求头和请求体

请求行包括:
	URL:www.xxx.com
	Method(常用的get方法和post方法):
		GET:/Detail?id=2
		POSt:/Login
请求头包括(多个):
	Hosts:www.baidu.com
	Cookies:BAIDUID=AD3B56F25;BAIDUPSD=DB25G356F(浏览器获取到的cookie存在这里)
	Content-Type: application/x-www-form-urlencoded;charset=utf-8
	(或者)
	Content-Type: application/json
请求体包括:(分别对应urlencoded数据和json数据)
	name=zs&age=18
	{"name","zs;"age",18}

服务器响应客户端的请求的响应报文包括:响应状态行,响应头和响应内容

响应行包括:
	status(响应状态码):200,300,404,500等等
	statusText(响应对应文本)
响应头包括(多个):
	Content-Type:text/html;charset=utf-8(与请求头有类似之处都是一个斜杠后面分号)
	Set-Cookie:BD_CK_SAM=1;path=/(服务器生成Cookie交给浏览存储,便在响应头的Set-Cookie来携带cookie)
响应体包括:
	html文本
	json文本
	css
	图片
	...

常见响应状态码(status的值)

图示

1.发送请求:在Network可以看到发送了一个请求

2.查看请求行中的url和method

3.查看响应头的组成:key和value值

2.发送ajax请求的两种方式:xhr对象和fetch函数

3.post请求体的参数格式

unicode格式:勇士键值对参数
json格式:用于json格式参数

4.前后端交互的接口(API)的分类

4.1.REST的api:(restful)特点

由请求方式来决定进行增删改查(CRUD)的哪个操作
同一个请求路径可以进行多个操作
请求方式用到GET/POST/PUT/DELETE

4.2.非REST的api:(restless)特点:就是反面

请求方式不决定增删改查操作
一个请求路径只对应一个操作
一般只有GET/POST