当我使用 ajax 和 jquery 的 $.get() 渲染新内容时，旧内容会发生什么？

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加载新的内容。旧内容在页面上的任何地方都不存在。大多数实现与此相似。