有没有办法使用 jQuery 在页面中错开 PHP 查询？答案

【问题标题】：Is there a way using jQuery to stagger PHP queries in a page?有没有办法使用 jQuery 在页面中错开 PHP 查询？
【发布时间】：2011-06-21 21:40:06
【问题描述】：

有一个页面调用了几个 php 查询...每个 php 查询从数据库中提取数据以创建分析图。最初，正在考虑使用 jQuery 惰性加载器插件......但是，不相信它会在这种情况下工作。

我想要做的是当用户正在查看第一个图形（向下滚动之前）时，它将进行 AJAX 调用并运行 php 查询，显示加载 gif，然后最终显示图形/图形对于输出的查询...随着用户继续向下滚动，将调用更多查询。现在的问题是页面一次调用所有查询，并且需要一段时间才能加载。

对如何使用 javascript、jQuery 或任何其他延迟加载技术进行此操作有任何想法吗？

【问题讨论】：

你的意思是这样的吗？ jsfiddle.net/jPjPM/1 每 X 秒显示一个 div，这个设置为 3。
更新：图像实际上将是交互式图形......所以我想你可以想象一个 div (class='graph') 在它里面会调用另一个 php 文件来进行查询和返回交互式图形。我可能不得不使用上面提到的 jQuery 加载功能和像 jQuery Waypoints 这样的插件。另一个规定是一次只调用一个图形查询。一旦显示第一个图形（返回结果），那么如果下一个图形 div 在屏幕区域（jQuery Waypoints 魔术），它将被加载。

【解决方案1】：

http://imakewebthings.github.com/jquery-waypoints/

【讨论】：

这看起来很有希望...我知道 jQuery Lazy Loader 插件最后一次更新是在 2007 年底，并且不能与最新版本的 jQuery 一起使用。我今天将测试 jQuery Waypoints 插件。

【解决方案2】：

不知道如何只在一页内生成不同的图表。

无论如何你需要做这样的事情：

<img src="graph1.php">
[page]
<img src="graph2.php">
<img src="graph3.php">
[ more more page ]
<img src="graph4.php">

通过这种方式，您拥有不同的页面，当用户向下滚动时，该页面将构建不同的图表。你可以在这里使用延迟加载。

【讨论】：

它实际上不是图像，起初我以为它是……而是一个交互式图形。但是，类似地，每个 img 将由一个 div (class="graph") 表示，该 div 将显示加载 gif，直到在此 div 中调用的 php 文件返回结果。我可能不得不使用 jQuery Waypoints 插件和 jQuery 加载函数。