appCan開発:appcan.locStorageローカルキャッシュの実装

1333 ワード

編集者は最近、appCanパッケージをどのように利用するかを学んだばかりだ.locStorageはローカルストレージを行います.
まず、私が理解しているlocStorageを簡単に紹介します.それは文字列タイプのデータを格納しています.格納方式はキー値ペアの形式である.すなわち(「key」,value)形式で、keyはあなたが保存するものに名前をつけることを表します.valueはあなたが保存するものです.
例:
appcan.locStorage.setVal("name", clare);//clareという文字列を格納し、key値はnameです.
そして私がどこで使うかならvar i=appcanを直接使います.locStorage.getVal("name") ;これを取り出せばいい(iはclareという文字列に等しい).
では、ストレージの原理を説明しました.次に、使い方を説明します.
サーバ側から送信されたオブジェクトdataが前段で受信されたと仮定する.図のように、次のようになります.
それからlocStorageでこのdataオブジェクトをキャッシュしたいのですが、問題はlocStorageが文字列しか保存できないことです.どうすればいいですか?
まずdataオブジェクトを文字列に変換してJSONを利用することができます.stringify()メソッドでは、json形式のオブジェクトを文字列に変換できます.変換後、上のjsonオブジェクトは図のような文字列になり、キャッシュできます.
参照コードは次のとおりです.
appcan.request.ajax({
            type : "post",
            url : ajaxUrlHead + "employees/queryOneMobile",
            data : {
                "employId" : employId
            },
            dataType : "json",
            success : function(data) {
                var per_info1 = JSON.stringify(data);// data per_info
                appcan.locStorage.setVal("per_info", per_info1);// per_info 

            }
});

// data 
var data = JSON.parse(appcan.locStorage.getVal("per_info"));// per_info data 

// data.name,data.id data 。