关闭

nodejs如何将获得的数据保存到本地?

时间: 2020-02-25阅读: 592标签: 存储

nodejs将获得的数据保存到本地可以使用Cookie进行数据保存或使用sessionStorage、localStorage进行数据保存。


使用Cookie保存

Cookie这个恐怕是最常见也是用得最多的技术了,也是比较古老的技术了。

Cookie优点很多,使用起来很方便 但它的缺点也很多: 比如说跨域访问问题、不能保存过大的数据(最大4KB)、本地保存的数据会发送给服务器、浪费带宽等等。

示例代码如下

function SetCookie(name, value) {
    var key = '';
    var Days = 2;
    var exp = new Date();
    var domain = "";
    exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
    if (key == null || key == "") {
        document.cookie = name + "=" + encodeURI(value) + ";
        expires=" + exp.toGMTString() + ";
        path=/;domain=" + domain + ";";
    } else {
        var nameValue = GetCookie(name);
        if (nameValue == "") {
            document.cookie = name + "=" + key + "=" + encodeURI(value) + ";
            expires=" + exp.toGMTString() + ";path=/;domain=" + domain + ";";
        } else {
            var keyValue = getCookie(name, key);
            if (keyValue != "") {
                nameValue = nameValue.replace(key + "=" + keyValue, key + "=" + encodeURI(value));
                document.cookie = name + "=" + nameValue + ";
                expires=" + exp.toGMTString() + ";path=/;domain=" + domain + ";";
            } else {
                document.cookie = name + "=" + nameValue + "&" + key + "=" + encodeURI(value) + ";
                expires=" + exp.toGMTString() + ";path=/;" + domain + ";";
            }
        }
    }
}
function GetCookie(name) {
    var nameValue = "";
    var key = "";
    var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
    if (arr = document.cookie.match(reg)) {
        nameValue = decodeURI(arr[2]);
    }
    if (key != null && key != "") {
        reg = new RegExp("(^| |&)" + key + "=([^(;|&|=)]*)(&|$)");
        if (arr = nameValue.match(reg)) {
            return decodeURI(arr[2]);
        } else return "";
    } else {
        return nameValue;
    }
}


使用sessionStorage、localStorage

localStorage: 是一种你不主动清除它,它会一直将存储数据存储在客户端的存储方式,即使你关闭了客户端(浏览器),属于本地持久层储存。

sessionStorage: 用于本地存储一个会话(session)中的数据,一旦会话关闭,那么数据会消失,比如刷新。 有时候,我们需要将数据存储到sessionStorage和localStorage中,这样做的好处有:

1 、缓存数据

2 、减少对内存的占用

但是,storage只能存储字符串的数据,对于js中常用的数组或对象却不能直接存储。 它能保存更大的数据(IE8上是10MB,Chrome是5MB),同时保存的数据不会再发送给服务器,避免带宽浪费。

localStorage存储方法(sessionStorage类似)

 localStorage.name =’vanida;
 localStorage[“name”]=’vanida’;
 localStorage.setItem(“name”,”vanida”); 
//这三种设置值方式是一样的;

localStorage获取值方法

var name = localStorage[“name”]
var name= localStorage.name 
var name= localStorage.getItem(“name”);
 //这三种获取值方式是一样的;

localStorage清除特定值方法

 //清除name的值 
 localStorage.removeItem(“name”);
 localStorage.name=”

localStorage清除所有值方法

 localStorage.clear()

localStorage只能存储字符串,如果需要存储对象,首先要转换为字符串。利用JSON.stringify();

var person = {name:”vanida”,”sexs”:”girl”,”age”:25};
 localStorage.setItem(“person”,JSON.stringify(person));
 // localStorage.person=”{“name”:”vanida”,”sexs”:”girl”,”age”:25}”

注意:JSON.stringify()中不要忘了“i”,stringify而不是stringfy!

然后取出person的对象你可以用JSON.parse();

person = JSON.parse(localStorage.getItem(“person”));

下面是单个简单的对象(数组类似)存贮,不考虑其他的多个的情况

var obj = { name:'Jim' }; 
 var str = JSON.stringify(obj);
 //存入 
 sessionStorage.obj = str; 
 //读取 
 str = sessionStorage.obj;
 //重新转换为对象 
 obj = JSON.parse(str);
站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

2.广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入

链接: http://www.fly63.com/article/detial/7691

关闭

SessionStorage、LocalStorage详解

作为Web开发人员,在 Web浏览器中存储数据以改善用户体验和提升Web应用程序性能是非常常见的。在大多数情况下,可供我们使用就是LocalStorage和SessionStorage。

本地化存储Storage

Web storage的目的是克服由cookie带来的限制,当数据需要严格控制在客户端上时,无须持续将数据发回服务器。主要是提供一种在cookie之外存储会话数据的途径和提供一种可以大量跨会话存在的数据机制

Web 存储技术

第一个Web存储的技术叫做Cookie,它是网站的身份证。是网站为了辨别用户身份,进行session(服务端的session)跟踪而存储在用户本地终端上的数据,也就是说它是存在电脑硬盘上的,一个很小的txt类型的文件

Token ,Cookie和Session的区别

在做接口测试时,经常会碰到请求参数为token的类型,但是可能大部分测试人员对token,cookie,session的区别还是一知半解

关于网页本地存储的一些思考

localStorage 与 sessionStorage具体适用于什么样的业务场景?如何维护本地储存?如何进行版本控制?碰到禁止本地缓存的情况下怎么解决这个问题?

HTML5中的storage 如何使用

HTML5中,我们常常用到storage,那这个storage到底是什么?有啥用呢?其实,storage是个很简单的东西,只要熟悉JavaScript中对象的童鞋,看完小编本文的分享

Cookie防篡改机制_cookie怎么防止被篡改/伪造

因为Cookie是存储在客户端,用户可以随意修改。所以存在一定的安全隐患,服务器为每个Cookie项生成签名。如果用户篡改Cookie,则与签名无法对应上。以此,来判断数据是否被篡改。

localStorage本地持久化存储API

localStorage, 是一个用来做本地持久化存储的Web Api。 localStorage以键值对的形式存储数据。用法很简单:localStorage是以『源(origin)』为维度进行存储的。

HTML5新方法:前端存储localStorage的使用总汇

在HTML5中有一个localStorage的新特性,它主要用于本地存储使用,目的是为了解决了cookie存储空间小的问题。本文将讲解:localStorage特点、localStorage的兼容、localStorage的使用等

Cookie、Session与Token

Cookie是一个http请求首部,当服务端响应头上标记着setCookie时,可以设置此cookie到当前域名下;session实际上是一种概念,表示每次会话服务器存储的用户信息

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!