php - jQuery更新多个#divs，一个mysql_query

Question

有点复杂，但我会尽力解释我的问题。

我有一个主文件 dashboard.html。 在其中我有一个 jQuery 函数，每 15 秒加载一次 mysql_query 以获得我需要的 15 个左右的变量。 (这是一个财务/销售网络应用程序......销售代理想要近乎实时地更新销售、订单、收入等)，这些显示在 #div 中，其中包含多个列表项。每 15 秒查询一次，然后整个 div 一次全部更新的方法没有问题。因此，我没有附加 Jquery 效果(即 fadeIn/fadeOut)，因为整个 div 不断淡出。不是我想要的视觉效果，但就目前而言，它有效。

我的目标:能够每 15 秒执行一次 mysql_query。获取变量(我目前已经在做。但是现在，我希望能够仅更新已更改的 ListItem 并将淡入淡出效果附加到该项目，而不是整个 #div 作为一个整体。

我试图避免的是将查询分离为 15 个单独的查询，因为这显然效率不高。

希望这对每个人都有意义。可以提供代码，但我认为这在这一点上没有帮助。我需要了解我需要采用什么方法来开发正确的代码。感谢大家的预期帮助。

编辑:我添加了一些代码来帮助阐明我的立场: 仪表板.html

var auto_refresh = setInterval(function (){
$('#order_jq').load('stats_count.php')
}, 15000); // refresh every 15 seconds

然后在正文中:

<div class="span8">
<div id="order_jq" class="centerContent">
Patiently loading stats ...
</div><!-- End id="ortder_jq -->
</div><!-- End .span8 -->

stats_count.php 包括(为清楚起见被删除)

<?php
require "database/connect2.php";
$result = mysql_query( "SELECT .... NORMAL QUERY...NOTHING FANCY HERE")
while ($row = mysql_fetch_array($result))
{$orders = number_format($row['ordercount']);
$annual_order = number_format($row['annual_order']);
}

最后包含在 stats_count.php 中，我还包括列表项:

<ul class="bigBtnIcon">
    <li>
      <a href="#">
        <span class="icon entypo-icon-phone"></span>
        <span class="txt">Orders</span>
        <span class="notification"><?php echo $orders?></span>
      </a>
     </li>
      <li>
        <a href="#">
          <span class="icon brocco-icon-mic"></span>
          <span class="txt">Auburn</span>
          <span class="notification blue"><?php echo $annual_order ?></span>
        </a>
      </li>
</ul>

-D

Answer 1

如果您有多个要更新的 div，您必须使用它们的类“.class”而不是 ID“#id”来选择它们。

要每 15 秒创建一次 mysql_query，您需要设置 setInterval(function(),15000)，其中函数必须向执行此查询的某个页面发出 ajax 请求。

我可以建议您对这些请求使用 jQuery Ajax。