01-http协议概述

http协议常用方法

        http常用有四种方法，分别用来完成增、删、改、查的操作。

• get方法：获取数据
• post方法：提交数据
• put方法：修改数据
• delete方法：删除数据

对于初学者，需要注意的是，http请求本身不会完成这些操作，真正的操作仍然是由服务器完成。

这些操作仅仅是一种约定，比如说用get请求配合服务器程序可以获取数据，同样也可以添加、删除、修改数据，但是为了规范我们的代码，所以通常只用get方法来查询数据。

http协议状态码

        http状态码被分为五大类，状态码为客户端提供一种理解事务处理结果的便携方式，可以在network工具中的Status Code中看到响应头中的状态码。

• 100-199（信息性状态码）：HTTP/1.1向协议中引入了信息状态码；
• 200-299（成功状态码）客户端发起请求时，这些请求通常都是成功的，服务器有一组用来表示成功的状态码，分别对应于不同类型的请求；
• 300-399（重定向状态码）：重定向状态码要么告知客户端使用替代位置来访问他们所感兴趣的资源，要么就提供一个替代的响应而不是资源的内容；
• 400~499(客户端状态码）∶有时客户端会发送一些服务器无法处理的东西。浏览网页时，我们都看到过臭名昭著的404 Not Found错误码，这只是服务器在告诉我们，它对我们请求的资源一无所知；
• 500~599(服务器状态码）∶有时客户端发送了一条有效请求，服务器自身却出错了，这些会返回5xx状态码；

有三个是最常用的，需要我们记住：

• 200 OK：请求被正常处理；
• 404 Not Found：服务器找不到客户端请求的资源，也有可能是服务器不想让你访问故意返回404状态码；
• 500 intemai Server Error：服务器内部错误；

Postman

        postman可以模拟浏览器向服务器发送请求。   点我下载

在使用Postman之前，我们需要先完成服务器端程序，来处理数据的增删改查，示例代码如下所示：
 
``` js
//数据
let dataList = ["香蕉","苹果","鸭梨"];
 
//get查看
router.get("/fruits", ctx => {
    ctx.body = dataList;
})
//post添加
router.post("/fruits", ctx => {
    let fruit = ctx.request.body.fruit;
    dataList.push(fruit);
    ctx.body = dataList;
})
 
//put修改
router.put("/fruits/:id", ctx => {
    let id = ctx.params.id;
    let fruit = ctx.request.body.fruit;
    dataList.splice(id,1,fruit);
    ctx.body = dataList;
})
//delete删除
router.delete("/fruits/:id", ctx => {
    let id = ctx.params.id;
    dataList.splice(id,1);
    ctx.body = dataList;
})

        获取id： 通过ctx.params.id传参给变量名获取id，从而获得实现索引的数量。

splice方法

数组的splice可以实现数组元素的添加、删除、和修改。用法如下：
 
> array.splice(要删除元素的索引,删除几个元素,替换删除元素的元素);
 
通过设置上面描述的三个参数，就可以实现数据的增删改查，实例代码如下所示：
 
``` js
let dataList = ["香蕉","苹果","鸭梨"];
dataList.splice(0,1) //从索引为0的元素开始，删除1个元素，此案例会删除香蕉-删除功能。
dataList.splice(1,0,"草莓") //从索引为1的元素开始，删除0个元素，并在删除元素的位置插入"草莓"-添加功能。
dataList.splice(1,1,"草莓") //从索引为1的元素开始，删除1个元素，并在删除元素的位置插入"草莓"-修改功能。
```