php ajax 事例 示例代码

PHP Ajax是一种用于实现异步通信的技术，它允许在不刷新整个页面的情况下，通过向服务器发送请求并接收响应来更新部分页面内容。这种技术在提升用户体验和页面性能方面非常有用。下面是一个简单的PHP Ajax示例代码，用于通过点击按钮来获取服务器上的当前时间并将其显示在页面上。

我们需要在HTML页面中创建一个按钮和一个用于显示时间的元素。当用户点击按钮时，我们将使用Ajax来发送请求并获取服务器上的时间数据。然后，我们将使用JavaScript来更新页面上的时间显示。

HTML代码：

<button onclick="getTime()">获取时间</button>
<p id="time"></p>

接下来，我们需要编写JavaScript代码来处理Ajax请求并更新页面上的时间显示。我们将使用XMLHttpRequest对象来发送GET请求，并在接收到响应后更新时间元素的内容。

JavaScript代码：

function getTime() {
  var xhr = new XMLHttpRequest();
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      document.getElementById("time").innerHTML = xhr.responseText;
    }
  };
  xhr.open("GET", "get_time.php", true);
  xhr.send();
}

在上面的代码中，我们定义了一个名为`getTime`的函数，它将在按钮被点击时触发。在函数内部，我们创建了一个XMLHttpRequest对象，并设置了其`onreadystatechange`属性为一个回调函数。该回调函数将在请求状态改变时被调用。

在回调函数中，我们首先检查请求的状态和响应的状态码是否为200，表示请求成功。如果是，我们将通过`xhr.responseText`获取服务器返回的时间数据，并将其赋值给具有id为`time`的元素的`innerHTML`属性，从而实现时间的更新。

我们需要在服务器上创建一个PHP文件来处理Ajax请求并返回当前时间。在这个示例中，我们将简单地返回服务器上的当前时间。

PHP代码（get_time.php）：

<?php
  echo date("Y-m-d H:i:s");
?>

在上面的PHP代码中，我们使用`date`函数来获取当前时间，并通过`echo`语句将其输出。

通过使用PHP Ajax技术，我们可以实现在不刷新整个页面的情况下，通过向服务器发送请求并接收响应来更新部分页面内容。在这个示例中，我们通过点击按钮来获取服务器上的当前时间并将其显示在页面上。