微信小程序如何将数据存储到服务器,微信小程序关于数据存储的一些坑

微信小程序存储方式官方文档说得很清楚，同步和异步。保存数据有以下两种方式：

wx.setStorage 异步保存

wx.setStorageSync同步保存

获取数据也是两种：

wx.getStorage 异步获取

wx.getStorageSync同步获取

今天主要说一下我自己在使用中遇到的一点坑，就是在存储成功后跳转下一个页面却取不到值了。还有最后的解决办法。

具体使用情景是这样的，程序一进来有个登录界面，输入账号密码后登录成功，服务器会返回该用户的具体信息，其中就包括我立即需要保存下来，供全局使用的用户token。

具体代码如下：

if(response.data.success){

//存储token

wx.setStorageSync("token", response.data.data.token)

wx.setStorageSync("headPictures", response.data.data.employeeMap.headPictures)

wx.setStorageSync("employeeName", response.data.data.employeeMap.employeeName)

wx.switchTab({

url: '../taskList/taskList',

})

}

不难发现当访问成功后跳转下一个页面。

在下一个页面Page内代码：

/**

* 页面的初始数据

*/

data: {

token:wx.getStorageSync("token"),

}

直接给data内token赋值。但是这时候打印this.data.token却是空的，没有取到值。另外我也试了另外一个方法， 直接声明有个变量接收，如：var token = wx.getStorageSync("token")  打印出来也是一样，没有值。

解决办法：其实也不算是办法吧，就是小程序不支持这么干，不支持你这么写。想要得到这个值，直接使用wx.getStorageSync("token")即可。或者不想这么长就使用如下样式赋值：

this.setData({

token:wx.getStorageSync("token"),

})

就这么简单，但是入坑了。写出来提醒一下大家不要跟我一样，自认为写得没啥毛病，以为微信小程序的API又有啥bug呢。