关于jQuery加载函数的一些问题

时间:2017-02-17 08:29:12

标签: javascript jquery

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

两种情况:

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

案例2 - 加载在更多信息中的程序位于另一个专门针对更多信息调用的文档中。

我遇到的问题是带宽和加载速度。

问题:

  • 案例1
  • 中带宽增长更快
  • 案例1 中加载速度较慢?

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

  • 案例1加载功能

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

  • 案例2加载功能

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

1 个答案:

答案 0 :(得分:0)

如果我理解正确,案例1是使用初始页面预加载所有更多信息数据,案例2是按需加载它。

最多一定数量的项目(取决于环境),案例1可以更快地加载更多信息,因为它可以避免与服务器的往返。但是,加载所有信息所需的初始带宽将随着可能需要显示的每个项目而增加。

换句话说,案例1没有扩展。这取决于您的应用是否重要。如果您事先知道物品的数量总是很小,那么预装所有物品可能是可以接受的权衡。

我建议您获取您希望处理的比例数据,并以两种方式对其进行基准测试。然后,您将有一个针对您的应用程序的客观答案 - 至少可以信任您的规模期望。