AJAX无刷新插入商品数组至数据库失败，PHP代码仅支持单字段且报Fetch错误

你的问题核心在于SQL插入语句仅声明了product_name字段，完全没处理product_quantity和price，同时现有代码只初始化了预处理语句，缺少参数绑定与循环插入逻辑，导致另外两个字段无法写入；再加上后端错误处理不完整，触发了前端的fetch报错。以下是具体修复步骤：

1. 修正SQL插入语句 #

补充缺失的字段，让插入语句包含三个目标字段：

$stmt = $conn->prepare("INSERT INTO shopping_carts_quotes (product_name, product_quantity, price) VALUES (?, ?, ?)");

2. 完善参数绑定与批量插入逻辑 #

遍历商品数组，为每个商品绑定三个参数并执行插入（注意根据数据库字段类型调整绑定类型：s=字符串，i=整数，d=浮点数）：

// 绑定参数，这里假设product_quantity是整数，price是浮点数，product_name是字符串
$stmt->bind_param("sid", $productName, $productQuantity, $price);

// 遍历每个商品执行插入
foreach ($itemsArray as $item) {
    // 从单个商品对象中取出对应值
    $productName = $item['product_name'];
    $productQuantity = $item['product_quantity'];
    $price = $item['price'];
    
    // 执行插入，捕获单条插入错误
    if (!$stmt->execute()) {
        echo json_encode(['status' => 'error', 'message' => '插入失败: ' . $stmt->error]);
        $stmt->close();
        $conn->close();
        exit;
    }
}

// 全部插入成功后返回响应
echo json_encode(['status' => 'success', 'message' => '所有商品已插入']);
$stmt->close();
$conn->close();

3. 完善后端错误处理 #

新增JSON解析失败的判断，确保所有异常都返回标准JSON响应：

$jsonInput = file_get_contents('php://input');  
$decodedData = json_decode($jsonInput, true);  

// 检查JSON解析是否成功
if (json_last_error() !== JSON_ERROR_NONE) {
    echo json_encode(['status' => 'error', 'message' => 'JSON格式错误']);
    exit;
}

if (!isset($decodedData['items']) || !is_array($decodedData['items'])) {  
    echo json_encode(['status' => 'error', 'message' => '无效或缺失的商品数组']);  
    exit;  
}

4. 前端fetch请求排查 #

前端的Fetch error通常是因为后端返回非JSON内容或HTTP状态异常，可做以下检查：

• 确保请求头设置Content-Type: application/json
• 确认发送的JSON结构正确，items数组中每个对象都包含product_name、product_quantity、price三个键
• 新增响应状态校验：

fetch('你的PHP文件路径.php', {
    method: 'POST',
    headers: {
        'Content-Type': 'application/json',
    },
    body: JSON.stringify({ items: 你的商品数组 })
})
.then(response => {
    if (!response.ok) {
        throw new Error(`请求失败，状态码: ${response.status}`);
    }
    return response.json();
})
.then(data => console.log(data))
.catch(error => console.error('Fetch error:', error));

内容的提问来源于stack exchange，提问作者Ricardo Lopez