避免频繁请求接口，localstorage

1.项目中遇到的，两个页面频繁跳转，每次都请求一次接口，导致页面渲染更新缓慢，这时用到本地存储来避免频繁请求，前提是接口里的数据不是频繁更新的（以下是案例）

var getboxInfo = JSON.parse(localStorage.getItem("setboxInfo"))  //这里获取存储的数据（将字符串转化为对象）
if(getboxInfo == null) {     //判断如果当获取到的数据为null时请求接口
	//获取接口信息
	$.ajax({
		url: “这里是接口地址”，
		type: "get",
		headers: {
			"Content-Type": "application/x-www-form-urlencoded",
			"Authorization": TOKEN,
		},
		success: function(res) {
			localStorage.setItem("setboxInfo",JSON.stringify(res))  //第一次请求成功把数据本地存储（对象转换为字符串）
			$(".box_no").append(res.no);  //编号
			$(".qrcode_url").attr("src", res.qrcode_url); //图片
		},
		error: function(err) {
			console.log(err)
		}
	})
} else {  //否则直接拿本地数据渲染
	$(".box_no").append(getboxInfo.no); //编号
	$(".qrcode_url").attr("src",getboxInfo.qrcode_url); //图片
}