day22 Http 与 cookie

1.Http

http（超文本传输协议）是一个基于请求与响应的应用层协议。
url请求资源的地址  http://host[":"port][abs_path]
host 主机名，对应IP地址的一个点或一段；port 端口号 ；abs_path 主机上的资源路径
请求方式：
  get请求，将请求数据作为url一部分发送，不安全，传输数据量小，方便易用。
  post请求，传输数据量大，安全，一般做表单提交。
常见响应状态码：
200 OK        //客户端请求成功
400 Bad Request  //客户端请求有语法错误，不能被服务器所理解
401 Unauthorized //请求未经授权，这个状态代码必须和WWW-Authenticate报头域一起使用
403 Forbidden  //服务器收到请求，但是拒绝提供服务
404 Not Found  //请求资源不存在，输入了错误的URL
500 Internal Server Error //服务器发生不可预期的错误
503 Server Unavailable  //服务器当前不能处理客户端的请求，一段时间后可能恢复正常

2.cookie

什么是cookie:会话跟踪技术
什么是会话session：用户进入网站  开始浏览到结束浏览的这样的一个过程 就称为一次会话  
会话跟踪技术: 浏览器（B端）和服务器 之间在进行多次请求数据时，数据共享的过程 就称为 会话跟踪技术
客户端： 为用户提供上网的一台pc机
服务器： 为客户端提供服务
cookie的生成过程： 打开浏览器--->输入网址--->回车--->域名解析--->访问服务器
                  --->返回主页--->将cookie存储在浏览器
                  用户要访问二级页面时，打开新的窗口，会自动判断上一个页面中
                  是否含有cookie,如果有，就将cookie数据带入到下一个页面

cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。
你可以把用户的登录名密码存储于cookie中，就可以实现自动登录。也可以用来保存购物车信息。

cookie数据的存和取

<script>
    document.cookie="name=老王"
    document.cookie="age=18"//存
    console.log(documetn.cookie)//取
</script>

cookie数据解析

<script>
    document.cookie = "name=laowang";
    document.cookie = "age = 666";

    // console.log(document.cookie);
    //自己解析该字符串，从而获取key对应的value

    //name=laowang; age=666
    let strCookie = document.cookie;
    let arrCookie = strCookie.split("; "); //["age=666","name=laowang"]

    for (let i = 0; i < arrCookie.length; i++) {
        let item = arrCookie[i].split("=");
        console.log(item[0], item[1]);
    }

    //希望getCookie("name"):返回name对应的value
</script>

cookie生命周期

 <script>
    //cookie的生命周期
    // 会话级别
    // document.cookie = "key=value";
    // document.cookie = "name=caobolin";

    // 长生命周期
    // document.cookie = "key=value;expires="+标准日期对象;
    // let date = new Date();
    // date.setDate(date.getDate() + 10);
    // document.cookie = "name=laowang;expires=" + date;
 </script>

cookie删除

<script>
    //cookie没有直接删除
    //cookie只能侧面删除
    //a.将key对应的vlaue设置为""字符串
    //b.将expries设置为-1

    //document.cookie = "name='';expires=-1";
</script>