cookie //高版本浏览器支持的缓存
//localStorage(本地的永久缓存3M) sessionStorge(临时缓存3M)
/* 和localStorage和sessionStorge的区别
同一个网站中所有页面共享一套cookie(4KB)
容量不大
cookie过期时间，时间过期了里面的内容就消失了
你把用户信息存储到cookie中，服务端可以自动的获取 */
/* 添加cookie 用户名*/
document.cookie ='username=zhangsan';
document.cookie ='passwoed=123456';
document.write(document.cookie);
cookie过期时间
let oDate=new Date();
console.log(oDate.getDate());
/* 重新设置日期对象，延时2天 */
oDate.setDate(oDate.getDate()+2);
document.cookie='username=zhangsan;expires='+oDate;
document.cookie='password=123456; expires='+oDate;
/* 删除cookie */
/* 设置成过期的时间 */
oDate.cookie(oDate.getDate()-1);
document.cookie='username-lisi; expries='+oDate;
/* 常用于用户登录之后，过个一天，账号密码就需要重新输入的场景 */
封装一个设置cooki的函数
/*
*@params name String 例如 'username'
*@params value String 例如 '123456
*@params time Number 延迟的天数 例如 2
*/
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[i]);
return arr2[i]
}
}
}
function setCookie(name, value, time) {
let oDate = new Date();
oDate.setDate(oDate.getDate() + time)
document.cookie = name + '=' + value + ';expires=' + oDate;
}
Ajax
/* form提交数据，会把整个页面刷新 */
/* Ajax是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术 */
/* 创建Ajax的步骤 */
//1.创建Ajax对象
//new一个XMLHttpRequest的实例化对象
let xhr=new XMLHttpRequest();
//2.连接到服务器
//open(方法，文件名，同步false异步true)
xhr.open('get','abc.txt',true);
//3.发送请求
xhr.send();
//4.接受返回值
xhr.onreadystatechange=function(){
console.log(xhr.responseText);
}