百度智能小程序 异步获取当前storage

2020-09-05 14:15 更新

swan.getStorageInfo

解释:异步获取当前 storage 的相关信息。

方法参数

Object object

object参数说明

属性名 类型 必填 默认值 说明

success

Function

接口调用成功的回调函数,详见返回参数说明。

fail

Function

接口调用失败的回调函数

complete

Function

接口调用结束的回调函数(调用成功、失败都会执行)

success 返回参数说明

参数 类型 说明

keys

Array.<string>

当前 storage 中所有的 key。

currentSize

Number

当前占用的空间大小, 单位 KB。

limitSize

Number

限制的空间大小,单位 KB。

示例 

在开发者工具中打开



图片示例




代码示例

<view class="wrap">
    <view class="card-area">
        <view class="list-area border-bottom">
            <label class="list-item-key-4">key</label>
            <input class="list-item-value" bindfocus="keyFocus" bindinput="keyInput" type="text" value="{{key}}" placeholder="请输入key" />
        </view>
        <view class="list-area border-bottom">
            <label class="list-item-key-4">value</label>
            <input class="list-item-value" bindfocus="valueFocus" bindinput="valueInput" type="text" value="{{value}}" placeholder="请输入value" />
        </view>
        <view>
            <button bindtap="setStorage" type="primary" hover-stop-propagation="true">存储数据</button>
            <button bindtap="getStorage" type="primary" hover-stop-propagation="true" disabled="{{disabled}}">读取数据</button>
             <button bindtap="getStorageInfoSync" type="primary" disabled="{{disabled}}">获取存储数据信息</button>
        </view>
    </view>
</view>
Page({
    data: {
        key: '示例Key',
        value: '示例Value',
        disabled: true
    },
    keyInput(e) {
        this.setData('key', e.detail.value);
    },
    valueInput(e) {
        this.setData('value', e.detail.value);
    },
    valueFocus() {
        this.setData('value', '');
    },
    keyFocus() {
        this.setData('key', '');
    },
    setStorage() {
        let key = this.hasKey();
        if (!key) {
            return;
        }
        swan.setStorage({
            key,
            data: this.getData('value'),
            success: res => {
                this.toast('存储成功', 'none');
                this.setData('disabled', false);
            },
            fail: err => {
                this.toast('存储数据失败');
            }
        });
    },
    getStorage() {
        let key = this.hasKey();
        if (!key) {
            return;
        }
        swan.getStorage({
            key,
            success: res => {
                const data = res.data;
                if (data) {
                    swan.showModal({
                        title: '数据信息',
                        content: `${key}: ${data}`,
                        showCancel: false
                    });
                } else {
                    this.toast('找不到key对应的值');
                }
            },
            fail: err => {
                this.toast('读取数据失败');
            }
        });
    },
    getStorageInfoSync() {
        let res = swan.getStorageInfoSync();

        // 基础库 3.140.1 之前,无法判断接口是否调用失败
        // 基础库 3.140.1 及以后,通过 instanceof 来判断接口是否调用失败
        if (!(res instanceof Error)) {
            console.log('getStorageInfoSync success', res);
            swan.showModal({
                title: 'getStorageInfoSync success',
                content: JSON.stringify(res)
            })
        }
        else {
            console.log('getStorageInfoSync fail', res.message);
        }
    },
    hasKey() {
        let key = this.getData('key');
        if (key) {
            return key;
        }
        this.toast('key不能为空');
    },
    toast(title, icon = 'none') {
        swan.showToast({title, icon});
    }
});

错误码

Android

错误码说明

1001

执行失败


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号