前后端交互

### 前后端交互

#### 通过ajax调用接口,传递参数,使用正确的方法,解析返回值进行页面的渲染,接口的连调

1. 确定接口是否报错

2. 确定传递参数

3. 确定返回值字段,返回值结构

#### 前后端分离

在以往的开发模式中,前段就切图就行,写给点击效果,页面的数据渲染,都是有后端完成的,但是这个过程中,后端工作量大,效率低.

而前后端分离其实就是解脱后端,提升前端的价值(有了业务);

前后端分离的职责

后端:接口开发

前端:页面布局,动态效果,数据渲染,逻辑控制

沟通称为,前后端沟通(接口连调)报错就问

### 前后端分离后,接口规范

如果后端提供接口没有一定规范,那么前端操作非常复杂,所以一般公司都会有一定的接口规范

1. 地址

2. 方法

3. 状态码

4. 返回值的格式

最长用的接口规范RESTful API

### URl 设计

一个地址,多个方法,做不通的操作,动词(http请求方法) + 宾语(一个名字)

### 5中http请求方法

1. get  获取

2. post 发送

3. put  整体更新

4. patch  部分更新

5. delete  删除

对应的就是crud(增删改查)

### 状态码

服务给个客户端相应的状态

http 状态码就是一个三位数,分成五个类别

```

    1xx:相关信息  忽略

    2xx:操作成功  统统成功

    3xx : 重定向  接口请求中不常见,一般体现在资源请求

    4xx:客户端错误

    5xx:服务器错误

```

### 状态码

```

400 : 请求有错误

401 : 需要身份验证或者身份验证失败

403 : 服务器拒绝请求

404 : 请求的资源未找到

405 : 请求的方法有错误

422 : 请求的数据验证出现错误

429 : 请求的频率超过限制

5XX : 服务器内部发生错误

```

### 错误名称代码

```

BadRequest : 请求错误

ValidateFail : 数据验证失败

Unauthorized : 身份验证失败

Forbidden : 禁止访问

TooManyRequests : 请求的频率超过限制

NotFound : 请求的资源未找到

MethodNotAllowed : 请求的方法有错误

InternalServerError : 服务器内部错误

```

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容