codecamp

百度智能小程序 存储在本地缓存中指定的key

swan.setStorageSync

解释:将数据存储在本地缓存中指定的 key 中。如果之前存在同名 key,会覆盖掉原来该 key 对应的内容。这是一个同步接口。

方法参数

String key, Object/String datakey参数说明 :本地缓存中的指定的 keydata参数说明 :需要存储的内容

示例 

在开发者工具中打开




图片示例



代码示例

<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="setStorageSync" type="primary" hover-stop-propagation="true">存储数据</button>
            <button bindtap="getStorageSync" type="primary" hover-stop-propagation="true" disabled="{{disabled}}">读取数据</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'));

        // 基础库 3.140.1 之前,无法判断接口是否调用失败
        // 基础库 3.140.1 及以后,通过 instanceof 来判断接口是否调用失败
        if (!(res instanceof Error)) {
            this.toast('存储成功', 'none');
            this.setData('disabled', false);
        }
        else {
            swan.showModal({
                title: '存储失败',
                content: res.message
            });
        }
    },
    getStorageSync() {
        let key = this.hasKey();
        if (!key) {
            return;
        }
        let res = swan.getStorageSync(key);

        // 基础库 3.140.1 之前,无法判断接口是否调用失败
        // 基础库 3.140.1 及以后,通过 instanceof 来判断接口是否调用失败
        if (!(res instanceof Error)) {
            if (res) {
                console.log('getStorageSync success:', res);
                swan.showModal({
                    title: '数据信息',
                    content: `${key}: ${res}`,
                    showCancel: false
                });
            }
            else {
                this.toast('找不到key对应的值');
            }
        }
        else {
            this.toast('读取数据失败');
        }
    },
    hasKey() {
        let key = this.getData('key');
        if (key) {
            return key;
        }
        this.toast('key不能为空');
    },
    toast(title, icon = 'none') {
        swan.showToast({title, icon});
    }
});

Bug & Tip

  • 基础库 3.140.1 之前,无法判断接口是否调用失败。
  • 基础库 3.140.1 及以后,接口调用失败时会返回一个标准的error对象,可通过instanceof来判断接口是否调用失败。
百度智能小程序 存储本地缓存中指定的key
百度智能小程序 异步获取指定key内容
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

百度智能小程序开发文档

百度智能小程序 组件

百度智能小程序 地图

百度智能小程序 画布

百度智能小程序 API

百度智能小程序 界面

百度智能小程序 关注小程序引导组件

百度智能小程序 自定义组件

百度智能小程序 媒体

百度智能小程序 设备

百度智能小程序 拨打电话

百度智能小程序 内存警报

百度智能小程序 手机联系人

百度智能小程序 用户截屏事件

百度智能小程序 第三方平台

百度智能小程序 开放接口

百度智能小程序 百度收银支付

百度智能小程序 分包预下载

百度智能小程序 数据分析

百度智能小程序 服务端

百度智能小程序 云开发

百度智能小程序 初始化

百度智能小程序 云函数

百度智能小程序 服务端初始化

百度智能小程序 服务器获取上下文

百度智能小程序 服务端云函数

百度智能小程序 开发教程

百度智能小程序 功能开发

百度智能小程序 基本原理

百度智能小程序 小程序自动化

百度智能小程序 视频教程

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }