使用php和jquery-ajax显示服务器时间 - show server time using php and jquery ajax

show server time using php and jquery ajax

我试图使用php和jquery ajax显示服务器的日期和时间。以下是显示日期时间的jquery脚本

<script type= "text/javascript" src="jquery-1.4.1.min.js"> </script>
    <script type= "text/javascript">
$(document).ready(function() {
function update() {
  $.ajax({
   type: 'POST',
  url: 'datetime.php',
  timeout: 1000,
  success: function(data) {
      $("#timer").html(''); 
    window.setTimeout(update, 1000);
   },
  });
 }
});
</script>
<div id="timer"> </div>

以下是datetime.php 的php脚本

 <?php
  $msg = date('d/m/Y h:i:s');
  echo $msg;
 ?>

我不知道出了什么问题。它没有显示输出。任何帮助

你几乎得到了。只需更新这行

$("#timer").html(data);

用法：

$(document).ready(function() {
    function update() {
      $.ajax({
       type: 'POST',
       url: 'datetime.php',
       timeout: 1000,
       success: function(data) {
          $("#timer").html(data); 
          window.setTimeout(update, 1000);
       }
      });
     }
     update();
});

这是因为您将计时器div的内容设置为空。您永远不会对返回的数据执行任何操作。

更改此行：

$("#timer").html('');

到此：

$("#timer").html(data);

现在应该可以了。

添加到您的js:

$(document).ready(function() {
    setInterval(function() {
        $("#timer").load("datetime.php");
    }, 1000);
});

datetime.php：

<?php
    $msg = date('d/m/Y h:i:s');
    echo $msg;
?>

$(document).ready(function() {
    function update() {
      $.ajax({
       type: 'POST',
       url: 'datetime.php',
       timeout: 1000,
       success: function(data) {
          $("#timer").html(data); 
          window.setTimeout(update, 1000);
       },
      });
     }
     update();
});

如果日期时间显示在页面加载中，则使用类似于上面的否则，在Onclick事件上调用更新函数，即显示日期时间