在Web开发场景中，前端通过JavaScript获取用户操作后，往往需要将数据传递到后端PHP，再由PHP完成数据库查询并返回结果，实现前后端数据的联动交互。
一、整体实现流程
整个数据传递与查询的流程可以分为四个核心步骤：
- JavaScript端收集需要传递的数据，比如表单输入、页面选中值等
- 通过AJAX技术将收集到的数据发送到PHP接口
- PHP接收传递过来的数据，进行安全校验和格式处理
- PHP连接数据库，使用处理后的数据执行查询操作，返回结果给前端
二、前端JavaScript实现
前端首先获取目标数据，然后使用AJAX发送请求，这里使用原生的XMLHttpRequest作为示例，也可以选择fetch API实现。
// 假设要传递用户选择的用户ID
let userId = document.getElementById('user_id_input').value;
// 创建XMLHttpRequest对象
let xhr = new XMLHttpRequest();
// 设置请求方法和PHP接口地址
xhr.open('POST', 'query_user.php', true);
// 设置请求头为表单格式
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
// 监听请求状态变化
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 接收PHP返回的结果并处理
let result = JSON.parse(xhr.responseText);
console.log('查询结果：', result);
}
};
// 发送数据，格式为键值对
xhr.send('user_id=' + encodeURIComponent(userId));三、PHP端接收与处理
PHP需要接收前端传递的数据，同时要注意对输入数据进行安全过滤，避免SQL注入风险。
<?php
// 设置返回格式为JSON
header('Content-Type: application/json; charset=utf-8');
// 接收POST传递的user_id参数，同时进行基础过滤
$userId = isset($_POST['user_id']) ? intval($_POST['user_id']) : 0;
// 校验参数合法性
if ($userId <= 0) {
echo json_encode(['code' => 400, 'msg' => '参数不合法', 'data' => []]);
exit;
}
// 后续连接数据库执行查询
?>四、PHP连接数据库执行查询
这里使用PDO方式连接数据库，相比mysqli更安全，支持参数绑定，能有效防止SQL注入。
<?php
// 接上面的代码，数据库配置
$dbHost = '127.0.0.1';
$dbName = 'test_db';
$dbUser = 'root';
$dbPass = '123456';
try {
// 创建PDO连接实例
$pdo = new PDO("mysql:host=$dbHost;dbname=$dbName;charset=utf8", $dbUser, $dbPass);
$pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
// 准备查询语句，使用参数占位符
$sql = "SELECT * FROM users WHERE id = :user_id LIMIT 1";
$stmt = $pdo->prepare($sql);
// 绑定参数，避免SQL注入
$stmt->bindParam(':user_id', $userId, PDO::PARAM_INT);
// 执行查询
$stmt->execute();
// 获取查询结果
$userInfo = $stmt->fetch(PDO::FETCH_ASSOC);
if ($userInfo) {
echo json_encode(['code' => 200, 'msg' => '查询成功', 'data' => $userInfo]);
} else {
echo json_encode(['code' => 404, 'msg' => '未找到对应数据', 'data' => []]);
}
} catch (PDOException $e) {
echo json_encode(['code' => 500, 'msg' => '数据库操作失败', 'data' => []]);
}
?>五、注意事项
在实际开发中还需要注意几个关键问题：
- 前端发送数据前要对特殊字符进行编码，避免数据格式错误
- PHP接收数据后必须进行合法性校验和格式转换，不能直接拼接SQL语句
- 数据库操作尽量使用参数绑定的方式，不要使用字符串拼接构建SQL
- 如果是GET请求传递数据，PHP通过
$_GET数组接收，流程和POST类似 - 生产环境不要暴露数据库配置信息，建议将配置放在单独的文件中并限制访问
如果传递的数据包含复杂结构，比如对象或数组，前端可以先使用JSON.stringify转为字符串，PHP通过json_decode接收解析即可。
JavaScriptPHP数据库查询数据传递AJAX修改时间：2026-06-06 00:29:27