首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Ajax:替换容器的内容而不是加载到其他div中?

Ajax:替换容器的内容而不是加载到其他div中?
EN

Stack Overflow用户
提问于 2013-10-07 00:28:09
回答 2查看 221关注 0票数 0

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

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

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

EN

回答 2

Stack Overflow用户

发布于 2013-10-07 00:31:43

你可以缓存Ajax请求,这样客户端javascript就不会在你每次需要内容的时候都请求服务器。例如:在jQuery中:

代码语言:javascript
运行
复制
$.ajaxSetup({ cache: true });

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

票数 1
EN

Stack Overflow用户

发布于 2013-10-07 00:51:02

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

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

代码语言:javascript
运行
复制
if($("#mydiv").get(0).loaded)
{
}
else
{
  $("#mydiv").get(0).loaded = true;
  //
  // here we load ajax content for mydiv:
  //
  ...
}

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19211117

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档