博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端巧用localStorage做“缓存”,减少HTTP请求次数
阅读量:4312 次
发布时间:2019-06-06

本文共 734 字,大约阅读时间需要 2 分钟。

场景:

载入某个页面,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的值,直接做该做的事情。
    }); }

转载于:https://www.cnblogs.com/black-humor/p/8898212.html

你可能感兴趣的文章
Atitit.git的存储结构and 追踪
查看>>
atitit 读书与获取知识资料的attilax的总结.docx
查看>>
B站 React教程笔记day2(3)React-Redux
查看>>
找了一个api管理工具
查看>>
C++——string类和标准模板库
查看>>
zt C++ list 类学习笔记
查看>>
git常用命令
查看>>
探讨和比较Java和_NET的序列化_Serialization_框架
查看>>
1、jQuery概述
查看>>
数组比较大小的几种方法及math是方法
查看>>
FTP站点建立 普通电脑版&&服务器版
查看>>
js 给一段代码,给出运行后的最终结果的一些综合情况、
查看>>
webservice 详解
查看>>
js自动补全实例
查看>>
VS无法启动调试:“生成下面的模块时,启用了优化或没有调试信息“
查看>>
npm 安装 sass=-=-=
查看>>
WINFORM中加入WPF控件并绑定数据源实现跨线程自动更新
查看>>
C#类对象的事件定义
查看>>
各类程序员学习路线图
查看>>
HDU 5510 Bazinga KMP
查看>>