簡體   English   中英

刷新具有相同ID的多個div

[英]Refresh multiple divs with same ID

我有多個具有相同ID的<div>標記。 I語句根據日期和時間觸發選擇相關內容。

我還不斷監視數據庫中是否有新內容,並且需要刷新<div>以顯示更新的內容或新內容。

我已經嘗試過像$("#myDiv").load('myPHPPage.php?); 沒有成功。

我的PHP代碼示例:

if($dayofweek == "Monday" && $timeofday >= "08:00:00" && $timeofday <= "11:59:59"){
//Monday morning timeslot
echo "<div id='slideshow'>";
$stmm= $conn->prepare("SELECT `Monday_Morning`
FROM `adsList`");
$stmm->execute();
while($resultst = $stmm-> fetch()){
$mondaymoringlist = $resultst["Monday_Morning"];
echo "<div class='slideshow'>";
//Display ad as an image
//<object data='/$adlist'></object>
echo "<object data='/$mondaymoringlist'></object>";
echo "</div>";
}
echo "</div>";
}
//Monday Afternoon
if ($dayofweek == "Monday" && $timeofday >= "12:00:00" && $timeofday     <= "16:59:59"){
//Monday afternoon timeslot
echo "<div id='slideshow'>";
$stma= $conn->prepare("SELECT `Monday_Afternoon`
FROM `adsList`");
$stma->execute();
while($resultst = $stma-> fetch()){
$mondayafternoonlist = $resultst["Monday_Afternoon"];
echo "<div class='slideshow'>";
//Display ad as an image
//<object data='/$adlist'></object>
echo "<object data='/$mondayafternoonlist'></object>";
echo "</div>";
}
echo "</div>";
}
//Monday Evening

else if ($dayofweek == "Monday" && $timeofday >= "17:00:00" && $timeofday <= "22:00:00"){
//Monday Evevening timeslot
echo "<div id='slideshow'>";
$stme= $conn->prepare("SELECT `Monday_Evening`
FROM `adsList`");
$stme->execute();
while($resultst = $stme-> fetch()){
$mondayeveninglist = $resultst["Monday_Evening"];
echo "<div class='slideshow'>";
//Display ad as an image
//<object data='/$adlist'></object>
echo "<object data='/$mondayeveninglist'></object>";
echo "</div>";
}
echo "</div>";
}
//End of Monday

一周中的每一天都有相似的時隙。

我目前使用location.reload(); 但這並不理想,因為頁面上還有另一個<div> ,它也根據自己的數據檢查單獨刷新。 與另一個<div>我可以做$("#myDiv").load('myPHPPage.php?); 因為它具有唯一的ID。

AJAX

function adshandler() {
var d = new Date();
var cache = d.getTime();
 $.getJSON("check_time.php?cache=" + cache, function(update) {
    if (update.count === true) {
        $("#slideshow").load();
    }
  }); 
 } 
 setInterval(adshandler, 600000);

ID和className之間的唯一區別是className(又稱class)可以與多個元素相關聯。 根據定義, 頁面上的每個ID必須是唯一的。

當多個元素具有相同的ID時,將僅對頁面上的第一個元素(具有該ID)進行更改。

將ID更改為class。

對於常規的數據庫輪詢,請使用遞歸setTimeoutAJAX代碼塊

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM