2016-07-09 30 views
0

我试图在页面上加载只有div标签时,有数据库Div标签不重装

在阿贾克斯

我测试的新内容新内容:

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

div上在同一页作为Ajax:

//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 `Client_Ads`"); 
$stma->execute(); 
while($resultst = $stma-> fetch()){ 
$mondayafternoonlist = $resultst["Monday_Afternoon"]; 
echo "<div class='slideshow'>"; 
echo "<img src='/$mondayafternoonlist'>"; 
echo "</div>"; 
} 
echo "</div>"; 
} 

有超过一个div with a similar ID and, each one behind an如果and else if语句,取决于星期几等。

我的$('#slideshow').reload();不工作?我也试过$('#slideshow').load();

回答

0
function adshandler() { 
var d = new Date(); 
var cache = d.getTime(); 
$.getJSON("check_time.php?cache=" + cache, function(update) { 
if (update.count === true) { 
    //location.reload(); 
    $("#slideshow").load(location.href + " #slideshow"); 
} 
}); 
} 
setInterval(adshandler, 10000); 
1

您可以在极少数行中使用​​函数来实现它。以下是一个工作示例。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script> 
<script> 
    function changeDate() { 
     $("#d2p").load(location.href + " #d2"); 
    } 
</script> 
<div id="d1p"> 
    <div id="d1"> 
     <?php echo date("H : i : s"); ?> 
    </div> 
</div> 

这是将要刷新的部分这个页面上点击按钮的DIV

<div id="d2p"> 
    <div id="d2"> 
     <?php echo date("H : i : s"); ?> 
    </div> 
</div> 
<button onclick="changeDate();">Change Date</button> 

这里是演示Load div without refreshing entire page

+0

谢谢,但这不会工作。功能需要发生1)基于我的AJAX中的时间间隔.2)当数据库中有更新时发生.3)没有按下按钮就会发生。你的演示是刷新整个页面,可以使用'location.load;'完成,但是'$(“#d2p”)。load(location.href +“#d2”);'line帮助我看到光。谢谢 –

+0

要么设置ajax轮询/推送状态监视来获取数据库中的更改或使用节点js socket.io –

+0

Parinda。谢谢 –