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();
        }
        throw new Error('Error in the request.');
    })
    .catch(error => console.error('Fetch error:', error));

    // 后续的DOM操作与数据发送无关，此处省略
    // var table = document.getElementById("employeeList").getElementsByTagName('tbody')[0];
    // ...
}

<?php 
    // ... 获取当前URL并解析
    $protocol = ((!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] != 'off') || $_SERVER['SERVER_PORT'] == 443) ? "https://" : "http://";  
    $CurPageURL = $protocol . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];  
    $parts = parse_url($CurPageURL);

    // 错误地尝试从URL查询字符串中获取数据
    if(count($parts) <= 3) return; // 这段逻辑本身也有问题，不应依赖URL parts数量判断
    parse_str($parts['query'], $query); // 这里的 $parts['query'] 是空的，因为POST数据不在URL中

    $conn = OpenCon(); // 假设 OpenCon() 正确建立数据库连接

    // 错误地使用 $query 数组
    $sql = "INSERT INTO users (name, contact, delivery, value) VALUES (" . $query['name'] . ", " . $query['contact'] . ", " . $query['delivery'] . ", " . $query['value'] . ")";
    $result = $conn->query($sql);
?>

<?php 
    // 假设 OpenCon() 函数已定义并正确建立数据库连接
    // require_once 'path/to/db_connection.php'; // 引入数据库连接文件

    // 设置响应头为JSON，便于客户端处理
    header('Content-Type: application/json');

    // 检查请求方法是否为POST
    if ($_SERVER['REQUEST_METHOD'] === 'POST') {
        // 从 $_POST 数组中获取数据
        $name = $_POST['name'] ?? ''; // 使用 null coalescing operator 提供默认值，防止未定义索引错误
        $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(['error' => 'All fields are required.']);
            exit;
        }

        // 建立数据库连接
        $conn = OpenCon(); 
        if (!$conn) {
            http_response_code(500); // Internal Server Error
            echo json_encode(['error' => 'Database connection failed.']);
            exit;
        }

        // 使用预处理语句防止SQL注入（非常重要！）
        $stmt = $conn->prepare("INSERT INTO users (name, contact, delivery, value) VALUES (?, ?, ?, ?)");
        if ($stmt === false) {
            http_response_code(500);
            echo json_encode(['error' => 'Failed to prepare statement: ' . $conn->error]);
            $conn->close();
            exit;
        }

        // "ssss" 表示四个字符串类型参数
        // 根据实际数据类型调整绑定参数类型，例如 "isds" 表示 int, string, double, string
        $stmt->bind_param("ssss", $name, $contact, $delivery, $value); 

        if ($stmt->execute()) {
            echo json_encode(['message' => 'Record inserted successfully.']);
        } else {
            http_response_code(500); // Internal Server Error
            echo json_encode(['error' => 'Failed to insert record: ' . $stmt->error]);
        }

        $stmt->close();
        $conn->close();
    } else {
        http_response_code(405); // Method Not Allowed
        echo json_encode(['error' => 'Only POST requests are allowed.']);
    }
?>