有點複雜,但生病我最好解釋我的問題。jQuery更新多個#divs,一個mysql_query
我有一個主文件dashboard.html。 在那裏,我有一個jQuery函數來每15秒加載mysql_query來獲得我需要的15個左右的變量。 (這是一個財務/銷售網絡應用程序...銷售代理需要實時更新銷售,訂單,$賺... ..等),它們以#div顯示,幷包含多個列表項目。沒有問題與這種方法,每15秒,查詢,然後整個div一次全部更新。正因爲如此,我沒有附加Jquery效果(即fadeIn/fadeOut),因爲整個div不斷衰落。不是我想要的視覺效果,但是就目前而言,它是有效的。
我的目標:能夠每隔15秒執行一次mysql_query。抓取變量(我現在已經在做這些變量了,但是現在,我希望只能更新已更改的ListItem,並將淡入淡出效果添加到該項目中,而不是整個#div。我試圖避免的是將查詢分隔爲15個獨立的查詢,因爲這顯然不是有效的。
希望這對大家有所幫助。可以提供代碼,但我不認爲這會對此有所幫助我需要了解什麼方法,我需要去開發正確的代碼。謝謝大家的預期幫助。
編輯:即時通訊添加一些代碼,以幫助澄清我的立場: dashboard.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
所以我有查詢更新整個#div沒有問題,每15秒。這很好。所以.class ..我想現在我很困惑。我如何將加載count.php查詢字符串的update ajax函數關聯到dahsboard.html中適當的#div? – DakotasKustoms