Javascript Ajax：在其他div中替换容器的内容vs load？

我正在尝试创建一个ajax网站。直观的方法似乎是使用jquery.html（）方法将容器的内容替换为新内容

然而，考虑到用户可以访问A，然后访问B，然后再访问A，重新加载A的第二操作似乎是不必要的。

---

我想到的另一种方法是将ajax内容加载到新的div中，并以某种方式隐藏原始内容。然而，对我来说，它似乎是相当手动的，我想知道是否有一个好的框架或插件可以更好地处理这个问题。在这种情况下，由于dom元素不断增长，会不会出现性能问题？

您可以缓存Ajax请求，因此客户端javascript不会在每次需要内容时都请求服务器。例如，在jQuery中：

$.ajaxSetup({ cache: true });

---

缓存请求实际上是jQuery中的默认设置，因此它会一直缓存响应。

在我们使用jQuery时，Google Chrome似乎不会缓存ajax内容，但IE10在默认情况下确实会缓存

为了避免动态内容的双重加载，我们对div id=“mydiv”使用如下原始方法：

---

loaded是用户为mydiv的持久DOM元素对象添加的JavaScript属性，而不是临时jQuery对象。

Google Chrome似乎不会缓存ajax内容，但默认情况下IE10会缓存。

if($("#mydiv").get(0).loaded)
{
}
else
{
  $("#mydiv").get(0).loaded = true;
  //
  // here we load ajax content for mydiv:
  //
  ...
}