如何使用 jQuery AJAX 将数据安全提交至 MySQL 数据库-php教程-PHP中文网

如何使用 jQuery AJAX 将数据安全提交至 MySQL 数据库

jQuery 的 $.post() 仅负责发送 HTTP 请求，无法直连 MySQL；必须通过 PHP 等服务端脚本接收请求、验证数据并执行数据库操作。

jquery 的 `$.post()` 仅负责发送 http 请求，无法直连 mysql；必须通过 php 等服务端脚本接收请求、验证数据并执行数据库操作。

在 Web 开发中，前端 JavaScript（包括 jQuery）运行于浏览器沙箱环境，不具备直接访问服务器本地数据库（如 MySQL）的权限与能力。$.post() 是一个客户端 AJAX 方法，其本质是向指定 URL 发起一个 HTTP POST 请求——它不处理数据库连接，也不理解 SQL 语法。真正的数据库交互必须由服务端程序完成。

✅ 正确流程：前后端分工协作

前端（JavaScript/jQuery）：收集用户输入，调用 $.post() 将数据以键值对形式提交至 PHP 接口；
后端（PHP）：接收 $_POST 数据，建立 MySQL 连接（使用 PDO 或 MySQLi），执行预处理语句插入数据；
响应返回：PHP 向前端返回 JSON 格式结果（如 { "success": true, "message": "添加成功" }），前端据此更新 UI。

? 前端示例代码（HTML + jQuery）

? 后端示例（save_user.php，推荐使用 PDO 预处理防注入）

<?php header('Content-Type: application/json; charset=utf-8');

// 数据库配置（切勿硬编码在生产环境，应使用环境变量或配置文件）
$host = 'localhost';
$dbname = 'myapp';
$user = 'db_user';
$pass = 'secure_password';

try {
  $pdo = new PDO("mysql:host=$host;dbname=$dbname;charset=utf8mb4", $user, $pass, [
    PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
    PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC
  ]);

  // 获取并过滤输入
  $name = filter_input(INPUT_POST, 'name', FILTER_SANITIZE_STRING);
  $email = filter_input(INPUT_POST, 'email', FILTER_SANITIZE_EMAIL);

  if (!$name || !$email || !filter_var($email, FILTER_VALIDATE_EMAIL)) {
    throw new Exception('参数无效');
  }

  // 预处理插入（防止 SQL 注入）
  $stmt = $pdo->prepare("INSERT INTO users (name, email) VALUES (?, ?)");
  $stmt->execute([$name, $email]);

  echo json_encode(['success' => true, 'message' => '用户添加成功']);
} catch (PDOException $e) {
  error_log('DB Error: ' . $e->getMessage());
  echo json_encode(['success' => false, 'message' => '数据库操作失败']);
} catch (Exception $e) {
  echo json_encode(['success' => false, 'message' => $e->getMessage()]);
}
?>