[英]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。
對於常規的數據庫輪詢,請使用遞歸setTimeout和AJAX代碼塊 。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.