uni-app数据缓存

前言:

       整理下uni-app的资料,这里分享下它的数据缓存,uni-app中是没有cookie,session等内容的,这个跟我们的小程序很像。

目录:

官方入口:

具体使用:

方法1:

存指定内容:uni.setStorage(OBJECT)

取指定内容:uni.getStorage(OBJECT)

从缓存中移除指定内容:uni.removeStorage(OBJECT)

清除所有的缓存:uni.clearStorage()

方法二:异步

存:uni.setStorageSync(KEY,DATA)

获取指定内容:uni.getStorageSync(KEY)

移除:uni.removeStorageSync(KEY)

清除所有:uni.clearStorageSync()


官方入口:uni-app官网

具体使用:

方法1:

存指定内容:uni.setStorage(OBJECT)

uni.setStorage({
    key: 'storage_key',
    data: 'hello',
    success: function () {
        console.log('success');
    }
});

OBJECT 参数说明

参数名 类型 必填 说明
key String 本地缓存中的指定的 key
data Any 需要存储的内容,只支持原生类型、及能够通过 JSON.stringify 序列化的对象
success Function 接口调用成功的回调函数
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

取指定内容:uni.getStorage(OBJECT)

uni.getStorage({
    key: 'storage_key',
    success: function (res) {
        console.log(res.data);
    }
});

OBJECT 参数说明

参数名 类型 必填 说明
key String 本地缓存中的指定的 key
success Function 接口调用的回调函数,res = {data: key对应的内容}
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

success 返回参数说明

参数 类型 说明
data Any key 对应的内容

从缓存中移除指定内容:uni.removeStorage(OBJECT)

uni.removeStorage({
    key: 'storage_key',
    success: function (res) {
        console.log('success');
    }
});

OBJECT 参数说明

参数名 类型 必填 说明
key String 本地缓存中的指定的 key
success Function 接口调用的回调函数
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

清除所有的缓存:uni.clearStorage()

uni.clearStorage();

方法二:异步

存:uni.setStorageSync(KEY,DATA)

try {
    uni.setStorageSync('storage_key', 'hello');
} catch (e) {
    // error
}

获取指定内容:uni.getStorageSync(KEY)

try {
    const value = uni.getStorageSync('storage_key');
    if (value) {
        console.log(value);
    }
} catch (e) {
    // error
}

移除:uni.removeStorageSync(KEY)

try {
    uni.removeStorageSync('storage_key');
} catch (e) {
    // error
}

清除所有:uni.clearStorageSync()

try {
    uni.clearStorageSync();
} catch (e) {
    // error
}

你可能感兴趣的:(uni-app,前端,vue,uni-app,缓存)