cookei和ajax

cookei

• 高版本浏览器支持的缓存
• localStorage(本地的永久缓存) sessionStorage(会话一关闭缓存再打开就没有了)
• cookie
• 你把用户信息存储到cookie中，服务端可以自动的获取
• 同一个网站中所有页面共享一套Cookie(4KB)
• 过期时间 时间过期了 里面的内容就消失了
• 存储的容量 没有localStorage 3M和sessionStorage 3M大

封装函数可以随时调用

 function setcookei(name,value,time){
        let odate = new Date();
        odate.setDate(odate.getDate()+1);
        document.cookie = name+'='+value+';expires='+odate;
        } 

获取cookei的值

function getcookei(name){
            let str = document.cookie;
            let arr = str.split(';');
            for(let i = 0;i<arr.length;i++){
                var arr2 = arr[i].split('=');
                if(name==arr2[0].trim()){
                    console.log(arr2[1])
                }
            }
        }

删除cookei

function delcookei(name){
            let odate = new Date();
            odate.setDate(odate.getDate()-1)
            document.cookie=name+'=;expires='+odate;
        }

Ajax

第一步 创建Ajax对象

 let xhr = new XMLHttpRequest();
    

第二部 连接到服务器 open(方法，文件名，同步异步)

• 参数一：post/get

• 参数二：请求的文件名

• 参数三：同步（false） 异步（true）

  xhr.open('get','abc.txt',true)
  

第三步 发送请求

    xhr.send();
    

第四步 接收返回值 监听返回值

xhr.onreadystatechange = function(){
            /* xhr.responseText 通过ajax请求获得的数据 */
            console.log(xhr.responseText)
        }