我正在尝试创建一个ajax网站。直观的方法似乎是使用jquery .html()方法将容器的内容替换为新内容。
然而,考虑到用户可以访问A,然后访问B,然后再次访问A,重新加载A的第二个操作似乎是不必要的。
我想到的另一种方法是将ajax内容加载到新的div中,然后以某种方式隐藏原始内容。然而,对我来说,这似乎是相当手动的,我想知道有没有好的框架或插件来更好地处理这一点。在这种情况下,由于dom元素不断增长,是否会出现性能问题?
发布于 2013-10-07 00:31:43
你可以缓存Ajax请求,这样客户端javascript就不会在你每次需要内容的时候都请求服务器。例如:在jQuery中:
$.ajaxSetup({ cache: true });
缓存请求实际上是jQuery的默认设置,因此它会一直缓存响应。
发布于 2013-10-07 00:51:02
在我们使用jQuery时,Google Chrome似乎不会缓存ajax内容,但IE10在默认情况下确实会缓存。
为了避免动态内容的双重加载,我们对div id=“mydiv”使用如下的原始方法:
if($("#mydiv").get(0).loaded)
{
}
else
{
$("#mydiv").get(0).loaded = true;
//
// here we load ajax content for mydiv:
//
...
}
加载的是用户添加的mydiv的持久性DOM元素对象的JavaScript属性,而不是临时jQuery对象。
https://stackoverflow.com/questions/19211117
复制相似问题