自动使用Ajax

如何通过按F5或刷新按钮刷新页面自动更新使用以下命令工作Ajax..the在PHP的时间在PHP更新时间..自动使用Ajax

echo date('s');

，或者如果有必要仅在PHP中使用AJAX更新时间..

来源

2015-06-10 Sajjad Khan

你想更新每一秒时间阿贾克斯？ –

快速谷歌搜索后http://www.sitepoint.com/auto-refresh-div-content-jquery-ajax/ –

是啊我只是想第二个动态更新没有必要手动刷新页面@SelVaa –

所以基本上可以做到这一点使用PHP和AJAX知道。可以说你有两个文件index.php和timer.php。您可以通过执行以下操作来达到预期的效果。

的index.php中

<?php 

echo "<html> 
    <head> 
     <title>TODO supply a title</title> 
     <meta charset='UTF-8'> 
     <meta name='viewport' content='width=device-width, initial-scale=1.0'> 
     <script src='http://code.jquery.com/jquery.js'></script> 
     <script> 
     $(document).ready(function(){ 
      setInterval(_initTimer, 1000); 
     }); 
     function _initTimer(){ 
      $.ajax({ 
       url: 'timer.php', 
       success: function(data) { 
        console.log(data); 
        data = data.split(':'); 
        $('#hrs').html(data[0]); 
        $('#mins').html(data[1]); 
        $('#secs').html(data[2]); 
       } 
      }); 
     } 
     </script> 
    </head> 
    <body> 
     <span id='hrs'>0</span>:<span id='mins'>0</span>:<span id='secs'>0</span> 
    </body> 
</html>";

在timer.php

<?php echo date('h:i:s A');

来源

2015-06-10 19:27:26 Daniel

对不起，但它仍然不工作0：0：0这个显示 –

@SajjadKhan你确定你按照指示？为我工作得很好。通过复制并粘贴我尝试的确切代码进行重新编辑。请再试一次cos对我来说完全适用 – Daniel

是的，在你的两个页面中还有一件事是你忘了关闭php博客？ –

您可以使用HTML5服务器发送事件时，EventSource的对象，用于接收服务器发送的事件通知：

demo.php

<!DOCTYPE html> 
<html> 
<body> 

<h1>Getting server updates</h1> 
<div id="result"></div> 

<script> 
if(typeof(EventSource) !== "undefined") { 
    var source = new EventSource("demo_sse.php"); 
    source.onmessage = function(event) { 
     document.getElementById("result").innerHTML += event.data + "<br>"; 
    }; 
} else { 
    document.getElementById("result").innerHTML = "Sorry, your browser does not support server-sent events..."; 
} 
</script> 

</body> 
</html>

demo_sse.php文件

<?php 
header('Content-Type: text/event-stream'); 
header('Cache-Control: no-cache'); 

$time = date('s'); 
echo "data: The server time is: {$time}\n\n"; 
flush(); 
?>

如果你有疑问，让我

来源

2015-06-10 16:26:39

不，它不是我的兴趣区域，我只是想动态更新时间或自动更新时间？ –

是啊这样你可以自动更新时间 –

告诉我怎么请我只是使用单一函数是日期和参数是日期（'s'）.. –

回答

相关问题