javascript - 关于jQuery load函数的一些问题

Question

我正在开发一个显示项目列表的程序。当有人单击某个项目时，将出现一个弹出窗口，该弹出窗口将使用 jQuery 加载函数加载并显示有关该项目的更多信息。

两种情况:

情况 1 - 加载更多信息的程序与显示所有项目列表的程序位于同一文档中。

情况2 - 加载more info的程序位于专门为more info调用而制作的另一个文档中。

我的问题是关于带宽和加载速度。

问题:

• 在情况 1 中，带宽增长得更快吗？
• 情况 1 的加载速度是否较慢？

我将用于更多信息调用的代码:

• 情况1加载函数

  $( "#result").load( "ajax/main.html?GET_DATA=id #container");

• 情况2加载函数

  $( "#result").load( "ajax/more_info.html?GET_DATA=id");

Answer 1

如果我理解正确的话，情况 1 是在初始页面中预加载所有更多信息数据，情况 2 是按需加载。

在达到一定数量的项目(取决于环境)的情况下，情况 1 可以具有更快的“加载更多信息”操作，因为它避免了与服务器的往返。但是，加载所有信息所需的初始带宽将随着可能需要显示的每个项目而增加。

换句话说，情况 1 无法扩展。这是否重要取决于您的应用程序。如果您事先知道项目数量始终很小，那么预加载所有项目可能是一个可以接受的权衡。

我建议获取您期望处理的规模的数据，并以两种方式对其进行基准测试。然后，您将获得针对您的应用程序的客观答案 - 至少就您的规模期望而言是可信的。