1 Http请求的基本过程:
客户端(浏览器)——————》服务器
1 请求行,请求头,请求体。
2 状态行,响应头,实体内容。
All,XHR(ajax请求,fetch函数),jS,CSS,
请求行:
method,url
GET,
PSOT、login
多个请求头:
Host:
Cookie:携带cookie浏览器。浏览器发请求的时候自带cookie。(携带两个BA=123E)
conten-type: application 或者application/ json(描述的是请求体)
请求体:(get没有,post可能有)(通过content-type来告诉,请求体的内容)
urlinlen的格式:username= tom&pwd=123
json格式:{“username":"tom","pwd":123}
相应报文:
1 相应状态行:status status Text
2 多个响应头:
content-type:text/html; charset= utf-8
set-cookie: bd-ck_sam=1 ; path=/
3 响应体:
html,json。js。css。图片。
post请求参数格式
4 content-type
5 context
6 content-type:multipart/form-
相应 状态码:
1.4 曾(post) 删(delete) 查(get) 改(put)。
GET:从服务端读取数据。
POST: 从服务器添加新数据。
PUT: 更新服务器的数据。
DELETE:删除服务器数据。
1.8API的分类:
1 API: restful:(发送请求到CRUD那个操作有请求方式来决定)
2非 REST API: restless(GET、post)
?id=1:查询id=1的是。
/1定位在某个对象
1.9.3使用浏览器访问测试。
只能访问get请求。
1.9.4 使用axios请求:
get: 查询访问。
post :增加
put:更新。
XHR(对象)可以和服务器交互,可以从url获取数据,无需和让整个页面。
AJAX变成中,XMLhttpRequest被大量使用!
http请求和 ajax的请求的区别?
浏览器一般干两个事情:发请求,接受信息
1 ajax 请求是一种特殊的http请求。
2 对于服务器来说,没有任何区。区别在浏览器端。
3 浏览器端发请求: 只有XHR或fetch才是ajax请求,其他所有的都是非ajax请求。
4 浏览器端接受到相应:
1 一般请求:浏览器一般会直接显示响应 应体数据,也就是我们常说的刷新跳转页面。
2 ajax请求: 浏览器不会对页面进行任何操作,只是监视的回调函数传入相应相应的数据,
2.4 API:
1 XMLHttpRequest()
2 status状态响应码: 状态响应码:200,404
3 statusTest:相应状态的文本
4 readyState:标识请求状态的只读属性
0:初始
1:open()之后
2: send()之后
3: 请求中
4:请求完成
5 open():初始化一个请求,参数为:(method,url[,async] )
6 send(data):发生请求
7 abort():中断请求
8 getResponHeader(name):
9 getAllResponseHeaders():
19 setRuestHeader(name,value):设置请求头部。
2.5 XHR的ajax的封装(简单的)
option :
axios的理解和使用:::
前端最流行的ajax的请求库。(之前是jq库里面包含的)
react和vue官方都推荐axios发ajax请求。