2012-11-05 36 views
3

有點複雜,但生病我最好解釋我的問題。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

回答

1

如果要更新多個div,你有自己的類「的.class」爲ID‘#ID’選擇他們..

要創建的mysql_query每隔15秒,你需要使setInterval(函數(),15000)其中功能必須做一個Ajax請求到一些頁面在哪裏做這個查詢..

我可以建議你使用jQuery Ajax的這些請求..

+0

所以我有查詢更新整個#div沒有問題,每15秒。這很好。所以.class ..我想現在我很困惑。我如何將加載count.php查詢字符串的update ajax函數關聯到dahsboard.html中適當的#div? – DakotasKustoms

0

不知道什麼格式的數據,在其困難在返回進入細節,但一般的做法是詳細信息:

  1. 店電流值成一個對象,
  2. 創建新對象您進入值
  3. 循環通過obect比較傳入值 到現有值
  4. 更新各個面板的特性(通過類或多個特定的ID)
  5. 轉進來的值對象轉換成電流值 水面浮油的下一個SQL查詢
0

如果我理解正確的,這可能是這樣做對象: - 所有listItems中必須有一個class屬性讓我們說「list_items」 。 - 在用Jquery獲取數據之後,您可以在list_items上執行jquery.each(),這樣您可以檢查該列表項的值是否爲新值,如果不是,則更新您的列表項。 我希望這可以回答你的問題。

+0

好的。我看看.each函數。直到現在我還不熟悉它。但這個概念似乎很好! – DakotasKustoms