cookie和Ajax

cookie

       
        let oDate = new Date();
        oDate.setDate( oDate.getDate()+2 );
        // 设置过期时间
        document.cookie = 'uesr=lisi;expires='+oDate; 
        // name设置成一样可以覆盖
        document.cookie = 'uesr=lisi2;expires='+oDate; 
        document.cookie = 'password=123456'
        console.log(document.cookie);
    </script>

cookie封装

        function setCookie(name, value, time) {
            let oDate = new Date();
            oDate.setDate(oDate.getDate() + time);
            document.cookie = name + '=' + value + ';expires=' + oDate;
        }
        
        function getCookie(name){
            let str = document.cookie;
            let arr1 = str.split(';')
            // console.log(arr1);
            for(var i = 0;i<arr1.length;i++){
                var arr2 = arr1[i].split('=');
                // console.log(arr2[1]);
                if( name == arr2[0].trim() ){
                    console.log(arr2[1]);
                }
            }
        }

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

Ajax

        // Ajax是一种无需更新整个页面，只更新局部网页信息的技术
        // 局部更新

        // 创建ajax的步骤
        // 创建一个XMLHttpRequest对象
        let xhr = new XMLHttpRequest();

        // 第二步 连接到服务器
        // open('get/post'.'请求的文件名'.同步（false）/异步（true）)
        xhr.open('get','模拟服务器.txt',true)

        // 第三步 发送请求
        xhr.send()

        // 第四步 接收返回值
        // 监听返回值
        xhr.onreadystatechange = function(){
            console.log(xhr.responseText)
        }
        // 使用 live server 打开页面
    </script>