また、あなたはまた、データキャッシュとして使用することができ、クライアント上でクッキーを使用することができますか?

タイトルなどの問題は、まっすぐ行く。他の二つのキャッシュを紹介します。

1.sessionStorage、のlocalStorage 

localStorageは:  ローカルの永続ストレージメモリデータ記憶層に属している、あなたはクライアント(ブラウザ)を閉じても、あなたはそれをクリアするためのイニシアチブを取ることはありません、それがクライアントに保管されていることを意味します 

sessionStorageは:  セッションが閉じられた後、ローカルに格納されたデータ・セッション(セッション)であるため、そのデータは、リフレッシュとして、消え。 

時には、我々はデータのsessionStorageとのlocalStorageを格納する必要があり、そうすることの利点は以下のとおりです。
1つのデータキャッシュ
2は、メモリ使用量を減らし
、しかし、ストレージは、JSは、一般的に、配列やオブジェクトのためのデータだけを格納文字列ことはできません使用することができます直接記憶。
データを保持しながらそれは、(IE8は10MBです上、Chromeは5メガバイトである)より多くのデータを保持することができ、帯域幅の浪費を避けるために、サーバーに送信されることはありません。

(のsessionStorageに類似)のlocalStorage記憶方法明らかアクセス次のように

デポジット
localStorage.name = 'Vanida;
のlocalStorage [ "名前"] =' Vanida「;
localStorage.setItem( "名前"、 "Vanida");
//は、すべての3つの値が同じ実施形態である設定。

テイク
の値が取得のlocalStorage方法
VAR名=のlocalStorage [「名前」]
VAR名= localStorage.nameの
VAR名= localStorage.getItem(「名前を」);
//すべての3つの値が同じ方法で取得します。

クリア
特定の値をクリアするのlocalStorage方法
//は、名前の値がクリア
; localStorage.removeItem(「名前」)
localStorage.name =「;
すべてのメソッドクリアするのlocalStorageを
localStorage.clearを()

JSONオブジェクト・ストレージ
のlocalStorageは店舗の文字列は、オブジェクトを格納する必要がある場合、我々は最初の文字列に変換する必要がありますすることができます。使用JSON.stringify();
VARパーソン= {名: "Vanida"、 "性別"、 "ガール"、 "年齢":25};
localStorage.setItem( "人物"、JSON.stringify(人));
// localStorage.person = "{"名": " vanida ""セックス":"女の子""年齢":25}"
、あなたはJSON.parse(と対象者を削除することができます);
人JSON.parse =(localStorageを.getItem( "人物"));
+++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++

オリジナルのローカルパッケージ:ここで私はcache.jsを書いたものです。

//获取cookie的值
function getCookieVale(cookieObj, strCookie) {
    var cookieValu = "";
    strCookie = $.trim(strCookie);
    var arrCookie = cookieObj.split(";");
    for (var i = 0; i < arrCookie.length; i++) {
        var arr = arrCookie[i].split("=");
        if (strCookie == $.trim(arr[0])) {
            cookieValu = $.trim(arr[1]);
            break;
        }
    }
    return cookieValu;
}

//获取缓存信息
function getStory(itemCode) {
    return JSON.parse(sessionStorage.getItem(itemCode));
}
//删除缓存信息
function removeStory(itemCode) {
    sessionStorage.removeItem(itemCode);
}

//设置缓存信息
function setStory(itemCode, itemValu) {
    sessionStorage.setItem(itemCode, JSON.stringify(itemValu));
}
//清空session
function clearSessionStroy(){
    sessionStorage.clear();
}

function clearLoclStory(){
    localStorage.clear();
}

function getLoclStory(itemCode) {
    return JSON.parse(localStorage.getItem(itemCode));
}
//删除缓存信息
function removeLoclStory(itemCode) {
    localStorage.removeItem(itemCode);
}

//设置缓存信息
function setLoclStory(itemCode, itemValu) {
    localStorage.setItem(itemCode, JSON.stringify(itemValu));
}

 

おすすめ

転載: www.cnblogs.com/ysq0908/p/11455067.html