发表于: 2019-11-19 20:13:46

1 1168


今天完成的事情

完成了小程序页面的跳转,如下



今天遇到的问题

在请求修真院职业推荐接口数据时报错,因为不知道小程序请求格式,我写的代码如下:

onLoad: function (options) {
    var saveSort = wx.getStorageSync(
        'saveSort'
    );
    console.log(saveSort)
    wx.request({
        url: 'https://www.jnshu.com',
        data: saveSort,
        header: {
            'content-type''application/json'
        },
        method: "POST",
        success(res) {
            console.log(res.data)
        }
    })
}


而官网给出的例子是:

wx.request({
    url: 'test.php'//仅为示例,并非真实的接口地址
    data: {
        x: '',
        y: ''
    },
    header: {
        'content-type''application/json' // 默认值
    },
    success(res) {
        console.log(res.data)
    }
})


这个问题请求你接口的数据等我再研究研究,看下怎么获取



今天的收获

今天学习了小程序中数据的本地存储:

wx.setStorageSync(string key, any data)

wx.setStorage 的同步版本

参数

string key

本地缓存中指定的 key

any data

需要存储的内容。只支持原生类型、Date、及能够通过JSON.stringify序列化的对象。

any wx.getStorageSync(string key)

wx.getStorage 的同步版本

参数

string key

本地缓存中指定的 key

返回值

any data

key对应的内容

wx.setStorage(Object object)

将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。除非用户主动删除或因存储空间原因被系统清理,否则数据都一直可用。单个 key 允许存储的最大数据长度为 1MB,所有数据存储上限为 10MB。

参数

Object object

属性类型默认值必填说明
keystring本地缓存中指定的 key
dataany需要存储的内容。只支持原生类型、Date、及能够通过JSON.stringify序列化的对象。
successfunction接口调用成功的回调函数
failfunction接口调用失败的回调函数
completefunction接口调用结束的回调函数(调用成功、失败都会执行)

wx.getStorage(Object object)

从本地缓存中异步获取指定 key 的内容

参数

Object object

属性类型默认值必填说明
keystring本地缓存中指定的 key
successfunction接口调用成功的回调函数
failfunction接口调用失败的回调函数
completefunction接口调用结束的回调函数(调用成功、失败都会执行)

object.success 回调函数

参数
Object res
属性类型说明
dataanykey对应的内容

wx.setstoragesync和wx.setstorage的区别

【关于同步缓存和异步缓存的区别】:

以Sync(同步,同时)结尾的都是都是同步缓存,二者的区别是,异步不会阻塞当前任务,同步缓存直到同步方法处理完才能继续往下执行。
通俗点说,异步就是不管保没保存成功,程序都会继续往下执行.同步是等保存成功了,才会执行下面的代码.
使用异步,性能会更好;而使用同步,数据会更安全



使用本地存储的例子:

//存储数据
wx.setStorage({
    key: "key",
    data: "value"
})

获取数据的例子:

var saveSort = wx.getStorageSync(
    'key'
);

明天的计划

完成职业列表接口数据的获取以及渲染,完成小程序任务总结



返回列表 返回列表
评论

    分享到