<?php
// server.php
// 假设这是你的服务器端PHP脚本
if ($_SERVER["REQUEST_METHOD"] == "POST") {
// 接收AJAX发送的数据
$data = $_POST['data'];
// 处理数据(这里只是简单返回接收到的数据)
echo json_encode(['response' => 'Received: ' . $data]);
}
?>
<!DOCTYPE html>
<html>
<head>
<title>PHP AJAX 实例</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<h2>PHP AJAX 实例</h2>
<button type="button" onclick="sendAjax()">发送 AJAX 请求</button>
<p id="response"></p>
<script>
function sendAjax() {
var data = "Hello, Server!";
// 使用jQuery发送AJAX请求
$.ajax({
type: "POST",
url: "server.php", // 确保这个URL指向你的PHP脚本
data: { data: data },
success: function(response) {
// 处理响应
$('#response').html(JSON.parse(response).response);
},
error: function() {
alert("请求失败!");
}
});
}
</script>
</body>
</html>
这是一个简单的PHP和AJAX结合的实例。在这个例子中,我们有一个HTML页面,其中包含一个按钮和一个段落标签用于显示响应。当用户点击按钮时,会触发`sendAjax`函数,该函数使用jQuery的`$.ajax`方法向服务器发送一个POST请求。服务器端的PHP脚本(假设保存在`server.php`文件中)接收这个请求,处理数据(在这个例子中只是简单地将接收到的数据返回),并以JSON格式发送回响应。然后,AJAX请求的`success`回调函数会处理这个响应,并将其显示在段落标签中。
请注意,这个示例假设你的服务器环境已经配置好,并且PHP脚本可以正常运行。此外,为了简化示例,这里使用了jQuery来发送AJAX请求,因为jQuery提供了更简洁的API来处理AJAX请求。如果你不想使用jQuery,你也可以使用原生的JavaScript `XMLHttpRequest`对象或`fetch` API来发送AJAX请求。