Question

我的网站上有一个仪表板功能，我使用ajax和jquery来呈现部分内容。这就是我有一个侧边栏，当用户点击其中一个项目时，页面内容发生了变化，但没有侧边栏，导航栏，页脚，你就明白了。

但是不再显示的内容会发生什么？是否仍然在后台放慢我的页面？我应该避免以这种方式在大量内容之间交替吗？

Answer 1

这取决于实施。我们举一个简单的例子：

$(function () {
  $("aside nav a").click(function (e) {
    e.preventDefault();
    $("#content").load($(this).attr("href"));
  });
});

<script src="https://code.jquery.com/jquery-2.2.4.js"></script>
<aside>
  <nav>
    <ul>
      <li><a href="">Link 1</a></li>
      <li><a href="">Link 2</a></li>
      <li><a href="">Link 3</a></li>
      <li><a href="">Link 4</a></li>
      <li><a href="">Link 5</a></li>
    </ul>
  </nav>
</aside>
<main>
  <h1></h1>
  <div id="content"></div>
</main>

上面的代码废弃了#content div中的所有内容，并从AJAX中加载了新内容。页面中任何位置的旧内容都不存在。大多数实现与此类似。

当我使用ajax和jquery的$ .get（）来呈现新内容时，旧内容会发生什么？

1 个答案: