分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

前端巧用localStorage做“缓存”,减少HTTP请求次数

发布时间:2023-09-06 01:50责任编辑:傅花花关键词:前端缓存

场景:

载入某个页面,JS需要通过ajax请求获取某些数据

那么每次刷新页面都会有请求,如果这些数据对实时性要求并不高,显然这样做并不可取。

如何减少服务端的压力,使用localStorage可以解决此问题。

//假设id是区分于其他的要储存的k值的一部分。
var flag=0,k=null,v_arr=[],v_time=0,v=‘‘;
var cday = new Date().getDate();
var k = window.localStorage.getItem(‘name_‘+id);
if(k !== null) {
   v_arr = k.split("@");
   v_time = v_arr[1];
   //一天过期
   if(cday != v_time) {
    flag = 1;
   } else {
    flag = 2;
    v = v_arr[0];
    //取到v的值,直接做该做的事情。
   }
  
}
if(flag < 2) {
  //发起请求
  $.ajax(
    xx,
    xxx,
    ?success:function(data) {
       //存储data有效值。
       window.localStorage.setItem(‘name_‘+id,data.id+‘@‘+new Date().getDate()); 
       //取到v的值,直接做该做的事情。

    });


}

前端巧用localStorage做“缓存”,减少HTTP请求次数

原文地址:https://www.cnblogs.com/black-humor/p/8898212.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved