axios-http,ajax的封装,axios的使用

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请求。

 

axios-http,ajax的封装,axios的使用

上一篇:关于uni-app导航栏中 中间大图标的设置


下一篇:iOS内存泄漏检测