cookie

Cookie 是一些数据, 存储于你电脑上的文本文件中

当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息

Cookie 的作用就是用于解决 "如何记录客户端的用户信息"

 .当用户访问 web 页面时，他的名字可以记录在 cookie 中。
 .在用户下一次访问该页面时，可以在 cookie 中读取用户访问记录。

document.cookie = 'password=123456

JS“=”代表覆盖，cookie“=”代表添加

设置一个cookie

function setCookie(name, value, time) {
        let oDate = new Date();
        oDate.setDate(oDate.getDate() + time)
        document.cookie = name + '=' + value + '; expires=' + oDate;
        console.log(document.cookie)
    }

查询一个cookie值

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

Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术 局部更新

  <script>
    /* Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术
    局部更新
 */
    /* 创建Ajax的步骤 */

    /* 第一步 创建Ajax对象 */
    /* new一个XMLHttpRequest的实例化对象 */
    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)
    }
    /* 使用live server 打开页面 */
   

</script>