cookie session sessionStorage localStorage

什么是会话？

　　会话指的是浏览器与服务器之间的数据交互。所白了就是浏览器和服务器进行的请求和响应。

　　http协议是无状态的，多次请求之间没有关联性

cookie和session的作用？干啥的？

　　利用cookie和session可以进行会话保持，会话保持就是指：保持用户的登录状态，服务器记录了用户的登录信息，下一次访问服务器就认识该用户了

关于cookie

　　　　cookie是浏览器中储存数据的容器，大小为 4k

　　　　cookie中的数据会在请求时，进行携带

　　　　cookie默认是会话级别的，一旦关闭浏览器cookie就会被销毁

　　　　cookie里面可以存储sessionid

　　　　多页面共享（在同一个浏览器中）

常见的一些面试问题

　1　cookie是浏览器中存储数据的容器，为什么服务器中可以获取cookie中的数据？

　　　　因为cookie在向服务器请求时，会将cookie中的数据携带在请求头中；服务器可以读取请求头中的内容，从而间接的获取cookie中的数据。（cookie中的数据被放在请求头中，发送到服务器）

2 cookie是浏览器中存储数据的容器，为什么服务器可以设置cookie中的数据？

　　　　服务器是无法直接修改cookie的，但是可以通过响应头来设置；setcookie设置的是响应头；set-cookie：'值' ，将来通知浏览器进行设置cookie.

关于session

　　　　session是服务器端储存数据的容器，每个用户都有自己的session空间

session机制

　　　　01 如果用户是第一次访问服务器，会自动生成一个sessionid，这个sessionid是一个随机字符串；

　　　　02 根据sessionid，服务器就会为该用户开启一块session存储空间（会真的创建一个session文件，这个文件的名字就是sessionid，可以用来存储数据）

　　　　03 通过响应头，将sessionid传递回浏览器，设置在cookie中

　　　　04 第二次访问，cookie里面存储的数据会在请求时携带在请求头中，把sessionid携带着

　　　　05 服务器根据sessionid就可以找到对应的session的文件，就认识这个用户了。

sessionStorage

　　　　浏览器中存储数据的容器， 5M

　　　　会话级别的，一关闭浏览器就销毁

　　　　多窗口之间不能共享

　　　　不携带

localStorage

　　　　浏览器中存储数据的容器，5M IE只有1M左右

　　　　永久存储,只要用户不手动删除，一直存在

　　　　多窗口可以共享

　　　　不携带

  <script>

        1.  localStorage的api

(1) 设置：localStorage.setItem(key , value)

(2) 获取：localStorage.getItem( key )

(3) 删除：localStorage.removeItem( key )

(4) 清空所有：localStorage.clear()  慎用,会将所有清除

注意：

    01 localStorage只能存储 字符串类型 的数据，读出来的数据 都是字符串

    02 localStorage储存复杂数据类型

        (1)储存, obj=> jsonStr  将对象转换成有格式的json字符串

           JSON.stringify( obj/arry)  将复杂数据类型转成json格式的字符串

           localStorage.setItem(key , value)存储

        (2)获取, jsonStr=> obj

          localStorage.getItem( key )

          获取到的是json字符串，需要转换成js中的数组或对象

           JSON.parse( jsonStr )

  </script>