Un peu compliqué, mais mal faire de mon mieux pour expliquer ma question.jQuery mise à jour de plusieurs #divs, une requête mysql
J'ai un fichier principal, dashboard.html. J'ai une fonction jQuery pour charger la mysql_query toutes les 15sec pour obtenir les 15 variables dont j'ai besoin. (Ceci est une webapp financière/commerciale ... les agents de vente veulent des mises à jour en temps quasi réel des ventes, des commandes, $ gagné..etc) qui sont affichées dans un #div avec plusieurs listitems contenues à l'intérieur. Aucun problème avec cette approche que toutes les 15sec, requête, puis div entier est mis à jour en même temps. Pour cette raison, je n'ai pas attaché un effet Jquery (à savoir fadeIn/fadeOut), car alors la div entière est en train de disparaître. Pas l'effet visuel que je voudrais, mais tel qu'il est, ça fonctionne.
Mon objectif: Être capable de faire la requête mysql toutes les 15 secondes. Prenez les variables (que je suis déjà en train de faire.) Mais maintenant, je voudrais pouvoir mettre à jour UNIQUEMENT l'élément ListItem qui a changé et attacher l'effet de fondu à cet élément, pas tout le #div dans son ensemble. Ce que j'essaie d'éviter, c'est de séparer la requête de 15 requêtes distinctes, car cela n'est évidemment pas efficace
J'espère que cela a du sens pour tout le monde. .. J'ai besoin de comprendre quelle approche j'ai besoin d'aller pour développer le code correct Merci à tous pour votre aide
EDIT: J'ajoute un peu de code pour aider à clarifier où je suis: dashboard.html
var auto_refresh = setInterval(function(){
$('#order_jq').load('stats_count.php')
}, 15000); // refresh every 15 seconds
puis dans le corps:
<div class="span8">
<div id="order_jq" class="centerContent">
Patiently loading stats ...
</div><!-- End id="ortder_jq -->
</div><!-- End .span8 -->
stats_count.php se compose de (dépouillée pour plus de clarté)
<?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']);
}
et enfin contenue dans stats_count.php I inclure également les éléments de la liste:
<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
J'ai donc la requête de mettre à jour l'ensemble du #div sans problèmes, toutes les 15sec. Cela fonctionne très bien. Donc, la classe. Je suppose que maintenant je suis confus. Comment associer la fonction ajax de mise à jour qui charge la chaîne de requête count.php au #div approprié dans dahsboard.html? – DakotasKustoms