localStorage还是别的?

问题描述:

我想弄清楚为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

我认为如果每个用户的数据不同,您可以将数据存储在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