Question

這是我的PHP code_

if(isset($_REQUEST['show'])) 
{ 
     $con=mysqli_connect("localhost","root","","server_name"); 

     $show = mysqli_query($con, "SELECT * FROM name1 ORDER BY date DESC"); 
     $html=''; 
     while($showE = mysqli_fetch_array($show)) 
     { 
     $html.= '<h3>'.$showE['un_name'].'</h3>'; 
     $html.= '<div>'.$showE['un_name_dec'].'</div>'; 
     } 
     echo $html; 
     //End of while loop 

} 

這是jQuery的code_

$.post('preprocessor.php', '&show=', function(data) { 
    $("#accordion").html(data); 
    $("#accordion").accordion({ 
     collapsible: true, 
     icons: { 
      activeHeader: "ui-icon-triangle-1-s", 
      header: "ui-icon-triangle-1-e" 
     } 
    }); 
    }); 

這是body_

<div id='accordion'> 
</div> 

我我沒有得到實時更新，一切正常，但Ajax的東西沒有工作......它工作，如果我刷新或重新加載頁面，但不是自己

Answer 1

您要尋找的是setTimeout。

$("#accordion").accordion({ 
     collapsible: true, 
     icons: { 
      activeHeader: "ui-icon-triangle-1-s", 
      header: "ui-icon-triangle-1-e" 
     } 
    }); 
setInterval(makePostCall, 15000); // decide interval to fetch new updates. 15 sec for example 

function makePostCall(){ 
$.post('preprocessor.php', '&show=', function(data) { 
    $("#accordion").html(data); 

    }); 
} 

但是，這不是做這種東西的正確方法。考慮使用Ajax Push Engine

Answer 2

您是否設置了間隔以在特定時間間隔內調用代碼？所有你需要做的是， 上加入JavaScript：

setinterval(function(){/* do the post here */ },1000 /*this is time */); 

Answer 3

它的工作原理，如果我刷新或重新載入頁面，但本身不是

爲此，您需要使用setInterval();功能，將檢查這是考慮每一個特定時間段：

setInterval(function(){ 
     $.post('preprocessor.php', '&show=', function(data) { 
     $("#accordion").html(data); 
     $("#accordion").accordion({ 
        collapsible: true, 
        icons: { 
        activeHeader: "ui-icon-triangle-1-s", 
        header: "ui-icon-triangle-1-e" 
        } 
     }); 
     }); 
    },5000); //<---- runs every 5000 ms 

這將運行每5秒鐘就會更新#accordion股利。

Answer 4

嘗試：

$.post('preprocessor.php', {show:''}, function(data) { 
$("#accordion").html(data); 
$("#accordion").accordion({ 
    collapsible: true, 
    icons: { 
     activeHeader: "ui-icon-triangle-1-s", 
     header: "ui-icon-triangle-1-e" 
    } 
}); 
},'html');