百度智能小程序 存儲(chǔ)在本地緩存中指定的key

swan.setStorageSync

解釋：將數(shù)據(jù)存儲(chǔ)在本地緩存中指定的 key 中。如果之前存在同名 key，會(huì)覆蓋掉原來該 key 對(duì)應(yīng)的內(nèi)容。這是一個(gè)同步接口。

方法參數(shù)

String key, Object/String datakey參數(shù)說明 ：本地緩存中的指定的 keydata參數(shù)說明 ：需要存儲(chǔ)的內(nèi)容

示例 

在開發(fā)者工具中打開

圖片示例

代碼示例

<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="請(qǐng)輸入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="請(qǐng)輸入value" />
        </view>
        <view>
            <button bindtap="setStorageSync" type="primary" hover-stop-propagation="true">存儲(chǔ)數(shù)據(jù)</button>
            <button bindtap="getStorageSync" type="primary" hover-stop-propagation="true" disabled="{{disabled}}">讀取數(shù)據(jù)</button>
        </view>
    </view>
</view>

Page({
    data: {
        key: '示例Key',
        value: '示例Value',
        disabled: true
    },
    keyInput(e) {
        this.setData('key', e.detail.value);
    },
    valueFocus() {
        this.setData('value', '');
    },
    keyFocus() {
        this.setData('key', '');
    },
    valueInput(e) {
        this.setData('value', e.detail.value);
    },
    setStorageSync() {
        let key = this.hasKey();
        if (!key) {
            return;
        }
        let res = swan.setStorageSync(key, this.getData('value'));

        // 基礎(chǔ)庫(kù) 3.140.1 之前，無法判斷接口是否調(diào)用失敗
        // 基礎(chǔ)庫(kù) 3.140.1 及以后，通過 instanceof 來判斷接口是否調(diào)用失敗
        if (!(res instanceof Error)) {
            this.toast('存儲(chǔ)成功', 'none');
            this.setData('disabled', false);
        }
        else {
            swan.showModal({
                title: '存儲(chǔ)失敗',
                content: res.message
            });
        }
    },
    getStorageSync() {
        let key = this.hasKey();
        if (!key) {
            return;
        }
        let res = swan.getStorageSync(key);

        // 基礎(chǔ)庫(kù) 3.140.1 之前，無法判斷接口是否調(diào)用失敗
        // 基礎(chǔ)庫(kù) 3.140.1 及以后，通過 instanceof 來判斷接口是否調(diào)用失敗
        if (!(res instanceof Error)) {
            if (res) {
                console.log('getStorageSync success:', res);
                swan.showModal({
                    title: '數(shù)據(jù)信息',
                    content: `${key}: ${res}`,
                    showCancel: false
                });
            }
            else {
                this.toast('找不到key對(duì)應(yīng)的值');
            }
        }
        else {
            this.toast('讀取數(shù)據(jù)失敗');
        }
    },
    hasKey() {
        let key = this.getData('key');
        if (key) {
            return key;
        }
        this.toast('key不能為空');
    },
    toast(title, icon = 'none') {
        swan.showToast({title, icon});
    }
});

Bug & Tip

• 基礎(chǔ)庫(kù) 3.140.1 之前，無法判斷接口是否調(diào)用失敗。
• 基礎(chǔ)庫(kù) 3.140.1 及以后，接口調(diào)用失敗時(shí)會(huì)返回一個(gè)標(biāo)準(zhǔn)的error對(duì)象，可通過instanceof來判斷接口是否調(diào)用失敗。