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オブジェクトは図のような文字列になり、キャッシュできます.
参照コードは次のとおりです.
まず、私が理解している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 。