AJAX通过前端JavaScript与后端PHP异步通信实现无刷新交互。1. 前端使用fetch API或jQuery发送POST请求，携带表单数据；2. PHP通过$_POST接收数据，验证并处理后返回响应；3. 推荐使用JSON格式传输数据，PHP设置header('Content-Type: application/json')，利用json_encode输出状态与消息；4. 前端解析JSON并更新页面内容，避免XSS需过滤输入与输出。完整流程确保数据交互安全高效。
AJAX 是前端与后端异步通信的重要技术，PHP 作为常用的服务器端语言，可以很好地配合 AJAX 实现无刷新数据交互。下面介绍 PHP 如何接收和响应 AJAX 请求，并提供实用代码示例。
1. 前端使用 JavaScript 发起 AJAX 请求
可以通过原生 JavaScript 或 jQuery 来发送 AJAX 请求。以下是一个使用原生 fetch API 的例子：
假设有一个表单需要提交用户名，不刷新页面获取服务器返回结果。
2. PHP 接收并处理 AJAX 请求
在 ajax_handler.php 中接收前端传来的数据，进行处理并返回响应。
3. 返回 JSON 格式数据（更常用）
实际开发中，前后端常通过 JSON 格式交换数据，便于解析和统一格式。
修改前端 JS 接收 JSON：
// 前端 JS 修改：expect JSON response
fetch('ajax_handler.php', {
method: 'POST',
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
},
body: 'username=' + encodeURIComponent(username)
})
.then(response => response.json())
.then(data => {
document.getElementById('result').innerHTML =
'状态：' + data.status + '
' +
'消息：' + data.message;
});
对应修改 PHP 文件返回 JSON：
'error',
'message' => '用户名不能为空'
]);
} else {
echo json_encode([
'status' => 'success',
'message' => '欢迎你，' . htmlspecialchars($username) . '！'
]);
}
} else {
echo json_encode([
'status' => 'error',
'message' => '请求方式不支持'
]);
}
exit;
?>
4. 使用 jQuery 简化 AJAX 请求（可选）
如果项目引入了 jQuery，代码会更简洁：
$.ajax({
url: 'ajax_handler.php',
type: 'POST',
data: { username: $('#username').val() },
dataType: 'json',
success: function(res) {
$('#result').html('' + res.message + '
');
},
error: function() {
$('#result').html('请求失败，请重试');
}
});
基本上就这些。只要确保前端正确发送请求，PHP 正确接收并返回所需格式，AJAX 交互就能顺利实现。注意安全过滤输入、设置正确 header，避免 XSS 和乱码问题。
