2016-08-23 52 views
2

我想弄清楚爲012KB用戶的下一次訪問存儲動態加載的html內的最佳方式。localStorage還是別的?

我已閱讀了一些關於localStorage的信息,可能會將此信息串聯起來,但是,我並不十分清楚其實施情況。

但是,有了上述說明,這就是我目前正在做的和我想完成的事情。

我使用這樣的代碼:

$(function() { 
    $('.cordpass').click(function() { 
     var collection = $(this).find('span').load(this.href + ' #cords'); 
     $('#summary').append($(collection)); 
     return false; 
    }); 
}); 

這實質上抓住從另一個頁面的信息,並將其與的#summary的ID添加到div。這可以從頁面上的多個對象完成(它們都在地圖上)。無論如何,用戶可以排序和各種東西。這對我的需求很好。但是,我想將HTML保存在#summary之內,以便下次用戶訪問時,HTML就在那裏。

這樣做的最好方法是什麼? localStorage是否適合我,或者我完全誤解了它的使用,並且有另一種方法可以存儲下一次訪問HTML嗎?

+3

存儲html是無稽之談。將數據存儲在localStorage中。如果您想提供離線時間,請參閱「webapp」和「服務人員」 –

+2

不要忘記本地存儲是* local *。您是否準備根據用戶當前使用的瀏覽器/機器將存儲的數據設置爲不同的數據? –

+0

是的,每個用戶都應該有所不同。該應用程序是一個地圖(使用Google地圖),但是,彈出窗口中有一個按鈕,表示添加到我的行程中,該行程從應用程序所在站點內的特定頁面加載數據。我希望當用戶離開和回來時提供這些信息。這是否更有意義?如果我沒有意義,我會提前道歉。提前致謝。 – mmatzen

回答

0

我認爲如果每個用戶的數據不同,您可以將數據存儲在mysql數據庫中。如果數據來自其他頁面,則只需將鏈接存儲到數據庫中的其他頁面,而不是所有數據。

您網頁上的每個用戶在數據庫中都有不同的ID,因此他們只能看到他們的數據。假設你有某種登錄程序。

目前沒有足夠的信息給出更好的答案。

好的,我會補充到這一點。您當然可以使用cookie來存儲客戶端的信息。當然每個cookie的cookies都限制在4k以內。聽起來不是很多,但是這是4000個字符的文字。就像我說過的,你不想在很多文本中使用cookie,但是一些鏈接和變量可以存儲。

設置cookie做到這一點

setcookie($cookiename, $cookie_value, time() + (86400 * 30), "/"); // 86400 = 1 day 

這是30天,但它有可能使到期日無限,如果你真的想。 爲了呼應一個cookie做到這一點

echo $_COOKIE['cookiename']; 

您還可以存儲陣列的餅乾了。

$test = array(
0 => array('bill', 'ted'), 
1 => array('alpha', 'romeo'), 
2 => array('Chad', 'Something') 
); 

setcookie('names', $test); 

但是,如果用戶登錄,我仍然建議將他們的數據存儲在mysql數據庫中。

也可能有其他方法。記住Cookie只存在於打開它們的瀏覽器中。因此,如果您在一個瀏覽器中查看該頁面,然後更改瀏覽器,則Cookie不會在那裏。或者如果他們從另一臺機器訪問。

如果用戶有一個登錄名,那麼什麼樣的機器訪問您的頁面並不重要。

+0

托馬斯,非常感謝您的回覆。我想到了這條路線,但是,這部分網站不需要登錄,因此我爲什麼要考慮使用本地存儲或類似的東西。這只是一個正在進行的工作,但是這個測試頁面http://marylandwine.com.64-207-179-169.c7gg-ww2l.accessdomain.com/wine-trail/您可以點擊兩個位置之一加。我想你可能會明白爲什麼我想在再次訪問時存儲這些數據。請讓我知道我是否可以提供更多信息來幫助您的答案。我非常感謝你的迴應。 – mmatzen

+0

我看了一下自己的網頁,但無法確定點擊哪些內容來查看您的問題。從好的一面看,頁面看起來不錯,但消極的一面,你需要花一些時間來優化你的網頁圖像。例如,名爲home-bg-edit.jpg的圖片是325k。幾秒鐘後,我將它從photoshop保存到網上,並將其下載到60k,並且它看起來還不錯。順便說一句,你有沒有想過使用cookies。這些存儲在用戶機器上,也可以存儲數組。 –

+0

托馬斯 - 非常感謝你的讚美。是的 - 需要優化幾件事情。 Photoshop很棒,但一直喜歡這個:http://compressor.io。無論如何,如果您點擊地圖上的某個圖釘,請點擊添加,然後點擊關閉,然後點擊圖釘並重新添加。 (當頁面的其餘部分完成時,說明會變得清晰)。那些加載到div中的信息在下次訪問時會很棒。這可能與cookie有關嗎?如果是這樣,你有沒有什麼有用的文章我應該閱讀?非常感謝! – mmatzen