ajax php如何实现实时数据更新 - 问答

要实现实时数据更新，可以使用Ajax技术和PHP结合进行实现。以下是一个简单的示例代码来实现实时数据更新：

HTML文件（index.html）：

<!DOCTYPE html>
<html>
<head>
  <title>Real-time Data Update</title>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
  <div id="data"></div>

  <script>
    $(document).ready(function() {
      function fetchData() {
        $.ajax({
          url: 'fetch_data.php',
          type: 'GET',
          success: function(response) {
            $('#data').html(response);
          },
          complete: function() {
            setTimeout(fetchData, 1000); // 每隔1秒请求一次数据
          }
        });
      }

      fetchData();
    });
  </script>
</body>
</html>

PHP文件（fetch_data.php）：

<?php
// 模拟实时数据更新，每次请求返回一个随机数
echo rand(1, 100);
?>

在上面的示例代码中，HTML文件通过Ajax每隔1秒请求一次fetch_data.php文件，fetch_data.php文件返回一个随机数，然后将随机数显示在页面上。这样就实现了实时数据更新的效果。您可以根据自己的需求和数据源进行相应的修改和调整。

0 赞

0 踩