PHP与JavaScript Fetch POST请求数据处理指南

function insertNewRecord(data) {
    fetch('/configs/database/add.php', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/x-www-form-urlencoded'
        },
        body: `name=${data.name}&contact=${data.contact}&delivery=${data.delivery}&value=${data.value}`
    })
    .then(function(response) {
        if (response.ok) {
            return response.text(); // 或者 response.json() 如果服务器返回JSON
        }
        throw new Error('请求失败。');
    })
    .then(result => {
        console.log('服务器响应:', result);
        // 根据服务器响应更新UI或显示消息
    })
    .catch(error => console.error('Fetch操作发生错误:', error));

    // 以下是更新客户端UI的代码，与数据发送逻辑分离
    var table = document.getElementById("employeeList").getElementsByTagName('tbody')[0];
    var newRow = table.insertRow(table.length);
    cell1 = newRow.insertCell(0);
    cell1.innerHTML = data.name;
    cell2 = newRow.insertCell(1);
    cell2.innerHTML = data.contact;
    cell3 = newRow.insertCell(2);
    cell3.innerHTML = data.delivery;
    cell4 = newRow.insertCell(3);
    cell4.innerHTML = data.value;
    cell4 = newRow.insertCell(4);
    cell4.innerHTML = `<a onClick="onEdit(this)">Edit</a>
                       <a onClick="onDelete(this)">Delete</a>`;
}

<?php
// 假设 OpenCon() 数据库连接函数定义在单独的文件中
// 例如：db_connection.php
// require_once 'db_connection.php';

// 示例 OpenCon() 函数，实际应用中应更完善
function OpenCon() {
    $dbhost = "localhost";
    $dbuser = "root";
    $dbpass = "your_password"; // 请替换为您的数据库密码
    $db = "your_database";     // 请替换为您的数据库名称

    // 创建数据库连接
    $conn = new mysqli($dbhost, $dbuser, $dbpass, $db);

    // 检查连接是否成功
    if ($conn->connect_error) {
        // 在生产环境中，不应直接暴露错误信息
        error_log("数据库连接失败: " . $conn->connect_error);
        http_response_code(500); // Internal Server Error
        echo json_encode(['status' => 'error', 'message' => '数据库连接失败，请稍后再试。']);
        exit();
    }
    // 设置字符集，防止中文乱码
    $conn->set_charset("utf8mb4");
    return $conn;
}

// 设置响应头为JSON，告知客户端响应内容类型
header('Content-Type: application/json');

// 检查请求方法是否为POST，并且 $_POST 数组不为空
if ($_SERVER['REQUEST_METHOD'] === 'POST' && !empty($_POST)) {
    // 从 $_POST 数组中获取数据
    // 使用 ?? 运算符提供默认值，防止未定义索引警告
    $name = $_POST['name'] ?? '';
    $contact = $_POST['contact'] ?? '';
    $delivery = $_POST['delivery'] ?? '';
    $value = $_POST['value'] ?? '';

    // 数据验证（根据实际需求添加更严格的验证逻辑）
    if (empty($name) || empty($contact) || empty($delivery) || empty($value)) {
        http_response_code(400); // Bad Request
        echo json_encode(['status' => 'error', 'message' => '缺少必要的字段。']);
        exit();
    }

    $conn = OpenCon(); // 获取数据库连接

    // 使用预处理语句防止SQL注入
    $sql = "INSERT INTO users (name, contact, delivery, value) VALUES (?, ?, ?, ?)";
    $stmt = $conn->prepare($sql);

    if ($stmt) {
        // 绑定参数
        // 'ssss' 表示四个参数都是字符串类型 (string, string, string, string)
        // 根据实际数据类型调整：i (integer), d (double), b (blob)
        $stmt->bind_param('ssss', $name, $contact, $delivery, $value);

        // 执行语句
        if ($stmt->execute()) {
            http_response_code(200); // OK
            echo json_encode(['status' => 'success', 'message' => '记录插入成功。']);
        } else {
            // 记录详细错误信息到日志，不直接暴露给客户端
            error_log("插入记录失败: " . $stmt->error);
            http_response_code(500); // Internal Server Error
            echo json_encode(['status' => 'error', 'message' => '插入记录失败，请稍后再试。']);
        }

        $stmt->close(); // 关闭预处理语句
    } else {
        // 记录详细错误信息到日志
        error_log("准备SQL语句失败: " . $conn->error);
        http_response_code(500); // Internal Server Error
        echo json_encode(['status' => 'error', 'message' => '服务器内部错误，请稍后再试。']);
    }

    $conn->close(); // 关闭数据库连接
} else {
    // 处理非POST请求或没有POST数据的情况
    http_response_code(405); // Method Not Allowed
    echo json_encode(['status' => 'error', 'message' => '无效的请求方法或没有POST数据。']);
}
?>