将后端取到的数据保存到前端本地存储

  • 我们在做前后端分离项目的时候,前端请求后端数据,并且后端返回给前端,有时候我们想利用在页面A中请求到的数据,在页面B中渲染出来,但是这个时候,如果不做数据保存的处理,那么在页面B需要渲染之前需要重新进行数据请求,这样就比较麻烦了,所有我们可以
  • 利用localStorage进行数据保存

在这种情况下就需要一个页面之间的通讯,也就是暂时的本地存储

但是无论是loca还是session还是cookie都是存储的字符串类型

我们需要通过一些方法对返回的数据进行处理

前端页面A:

 this.$message.success('登录成功')
//将后端返回来的json格式的数据转换为String格式
 var str_jsonData = JSON.stringify(res.data)
//通过localStorage保存到本地中,命名为localData
 localStorage.setItem('localData', str_jsonData);

前端页面B:

//读取本地的字符串数据
    var getLocalData = localStorage.getItem('localData');
//显示类型 这个时候是字符串类型
    console.log(typeof (getLocalData));
//将字符串类转换为json格式
    var jsonObj = JSON.parse(getLocalData);
//从jsonObj中提取我们想要的数据
    console.log(jsonObj.username);

《将后端取到的数据保存到前端本地存储》

    原文作者:赫于富
    原文地址: https://blog.csdn.net/qq_30631063/article/details/105630053
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞