Javascript 如何使用ajax或java延迟加载div节

我有一个div部分，其中包括数据库中的数百个表

我遇到的问题是，当页面加载时，它的速度非常慢。所以你要等很长时间才能加载

有谁能帮助我演示如何仅加载我的

分区中的可见区域。

注意：我不能使用Boostrap数据表，因为我的行不像普通表那样包含头部和身体。

---

任何帮助都将不胜感激。

这是一个很好的解决方案。您可以通过类将特定元素作为目标。因此，您所需要做的就是将类添加到您想要加载的任何对象

Appearlazy使用appeal.js延迟加载具有“出现”类的图像或div。当图像被标识为可查看时，它通过将数据src属性切换到src来工作

然而，对于延迟加载有很多不同的解决方案

请参见此处可用的JS脚本-

我认为最广泛使用的是lazyload.js-

示例

您可以使用此脚本延迟加载div。

将一个名为MyLazyLoad（或其他）的类添加到要lazyload的div中

HTML

<div id="my-lazyload">
  <!--
    <p>Your content here</p>
  -->
</div>

希望这会有帮助。您可以在页面上查看更详细的说明

您需要链接到jQuery和Lazyload js文件

  <script src="jquery.min.js"></script>
  <script type="text/javascript" src="jquery.lazyload-any.js"></script>

---

您只需链接到自己的CSS。lazyload不需要特殊的CSS。

是的，这可能是我想要的，但我找不到一个明确的例子：SThankx for help。。对于页眉和页脚css和scrip文档链接，您可以共享吗？您需要下载这两个脚本或通过它们自己的回购链接到它们。然后你会像普通的JS文件一样链接到它们。请参阅更新的示例。如果你访问这个链接，会有一个详细的解释。谢谢你的帮助。我正在努力做到这一点。。如果可以，我将更新。。我的div部分有if循环等，所以我希望我能做到这一点。。

  <script src="jquery.min.js"></script>
  <script type="text/javascript" src="jquery.lazyload-any.js"></script>