复习Ajax 01- ajax的基础用法

 Ajax

是浏览器中的技术：用来实现客户端网页请求服务器的数据。 它的英文全称是 Asynchronous Javascript And XML，简称 Ajax。

目录

 Ajax

http 协议

端口号

路径

使用 Ajax 请求数据的 5 种方式

axios专注于数据请求的库。

http 响应状态码

http 响应状态码 Vs 业务状态码

接口的概念

axios({
          url:'请求路径',
          method:'get',
          data: { 'post请求参数'},
          params: { 'get请求参数'}
      }).then(res=>{
          //成功回调
          console.log(res)
      });

URL 地址用来表示服务器上每个资源的确切访问路径。

一个标准的 URL 地址主要由以下 4 个部分构成：

http://www.congmingdan.top:8083/images/cat.png

1.http 协议

2.www.xxx.com 主机名

3.8083: 端口号

4./images/cat.png   资源的存放路径

http 协议

http计算机中常见的通信协议:

http :  hyper text transform protocol   超文本传输协议

https:   s指的是安全(security)

ftp: 文件传输协议

端口号

概念：端口号是 0 - 65535 之间的整数，它的主要作用是表示一台计算机中的特定进程所提供的服务

在 http 协议中，如果 URL 地址中的端口号是 80，则 :80 端口可以省略不写。

路径

概念：路径用来表示资源在服务器上具体的存放位置

使用 Ajax 请求数据的 5 种方式

get 获取数据

post 提交数据

delete 删除数据

put 更新数据(全部更新)

parch 更新数据(部分更新)

axios专注于数据请求的库。

中文官网地址：http://www.axios-js.com/

英文官网地址：https://www.npmjs.com/package/axios

http 响应状态码

概念：http 响应状态码（Status Code）由三位数字组成，用来标识响应成功与否的状态。 作用：客户端浏览器根据响应状态码，即可判断出这次 http 请求是成功还是失败了。

2xx 访问正确

301 重定向

4xx 客户端错误

5xx 服务器错误

http 响应状态码 Vs 业务状态码

1. 所处的位置不同：

在响应头的状态行中所包含的状态码，叫做“响应状态码”

在响应体的数据中所包含的状态码，叫做“业务状态码”

2. 表示的结果不同：

响应状态码只能表示这次请求的成功与否（成功地失败了）

业务状态码用来表示这次业务处理的成功与否

3. 通用性不同：

响应状态码是由 http 协议规定的，具有通用性。每个不同的状态码都有其标准的含义，不能乱用。

业务状态码是后端程序员自定义的，不具有通用性。

接口的概念

接口也叫API: application programming interface 在程序中有两种表现形式:  函数 与  请求地址URL