04 AppCan入門學習之本地存儲locStorage

本地存儲LocStorage

方法：

1.appcan.locStorage.getVal(key)  獲取key保存在localStorage中對應的值

//獲取保存的color

appcan.locStorage.getVal('color');//返回保存的顏色值

2.appcan.locStorage.setVal(key，Val)      要設置的鍵值對

//設置一個color到本地存儲中

appcan.locStorage.setVal('color','red');

3.appcan.locStorage.val(key,value)     獲取或者設置localStorage的值

//獲取保存在localStorage中所有的key

varvalue = appcan.locStorage.val('k');//返回值是數組，包含所有的key

4.appcan.locStorage.remove(key)    清除localStorage中對應的值

//清除保存的顏色值

appcan.locStorage.remove('color');

5.appcan.locStorage.keys()      獲取localStorage中，保存的所有鍵值

//獲取保存在localStorage中所有的key

varkeys = appcan.locStorage.keys();//返回值是數組，包含所有的key

例：

Page1_content.html

添加輸入框及BUTTON

<!---插入搜索輸入框--->

<div class="sc-bg-active uinput ubub-f1  bc-border uba">
            <div class="uinn fafa-search sc-text"></div>
            <input placeholder="請輸入搜索內容" type="text" class="ub-f1" id="textid"onblur="fun()">
        </div>
        <!--插入BUTTON-->
        <div class="btn ub ub-ac bc-text-headub-pc bc-btn umar-t"  id="btn">
            按我跳轉頁面并獲取數據
        </div>

完成事件處理

//BUTTON事件函數
        appcan.button(".btn", "ani-act", function() {
            appcan.window.open({
                name:'showpage',
                data:'showpage.html',
                aniId:10
            });
        })
        //失去焦點函數onblur="fun()"
        function fun() {
            //獲取當前頁面DIV為textid的值
            var city = $("#textid").attr("value");
            //alert(city);
            //值的存儲并設置id為cityId
            appcan.locStorage.setVal('cityId', city);
           
        }

Showpage_content.html

增加DIV顯示
<div id="d1" class="ulev1"></div>
</body>
接收數據
appcan.ready(function() {
            //var city = appcan.locStorage.val('cityId');
            var city = appcan.locStorage.getVal("cityId");
            //alert(decodeURI(city));
            $("#d1").html(decodeURI(city)+'您好！');
           
        });