使用 Fetch 发送 JSON 数据导致 PHP $_POST 为空的解决方案

问题概述

正如前文摘要所述，当使用 JavaScript 的 fetch API 发送 JSON 数据到 PHP 后端时，可能会遇到 PHP 的 $_POST 数组为空的情况。这通常是由于 PHP 默认的 $_POST 数组只处理 application/x-www-form-urlencoded 或 multipart/form-data 格式的数据。当 Content-Type 设置为 application/json 时，PHP 不会自动解析请求体中的 JSON 数据并填充到 $_POST 数组中。

解决方案：使用 php://input

为了解决这个问题，我们需要直接读取 PHP 的输入流 php://input，该流包含了原始的请求体数据。然后，使用 json_decode() 函数将读取到的 JSON 字符串解析成 PHP 数组。

以下是具体的 PHP 代码示例：

<?php

// 从 php://input 读取 JSON 数据
$json = file_get_contents('php://input');

// 将 JSON 数据解码成 PHP 数组
$data = json_decode($json, true);

// 检查是否成功解码
if ($data !== null) {
    // 现在 $data 包含了前端发送的 JSON 数据
    var_dump($data);

    // 可以对数据进行进一步处理
    // 例如，将数据存储到数据库
} else {
    // JSON 解码失败，处理错误
    echo "JSON 解码失败";
}

?>

代码解释：

立即学习“PHP免费学习笔记（深入）”；

Find JSON Path Online

Easily find JSON paths within JSON objects using our intuitive Json Path Finder

30

查看详情

1. file_get_contents('php://input'): 这行代码从 PHP 的输入流 php://input 中读取原始的请求体数据，并将其存储到 $json 变量中。
2. json_decode($json, true): 这行代码使用 json_decode() 函数将 $json 变量中的 JSON 字符串解码成 PHP 数组。第二个参数 true 表示将 JSON 对象解码成关联数组，而不是 PHP 对象。
3. if ($data !== null): 这行代码检查 json_decode() 函数是否成功解码 JSON 数据。如果解码失败，$data 将为 null。
4. var_dump($data): 这行代码使用 var_dump() 函数打印解码后的 PHP 数组，用于调试和验证数据。

JavaScript 代码示例

为了配合 PHP 后端，前端 JavaScript 代码需要确保正确设置 Content-Type 为 application/json，并将数据转换为 JSON 字符串。以下是一个使用 fetch API 发送 JSON 数据的 JavaScript 代码示例：

async function sendData(data) {
  const url = 'your_php_script.php'; // 替换为你的 PHP 脚本 URL

  const options = {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json'
    },
    body: JSON.stringify(data) // 将 JavaScript 对象转换为 JSON 字符串
  };

  try {
    const response = await fetch(url, options);

    if (!response.ok) {
      throw new Error(`HTTP error! status: ${response.status}`);
    }

    const responseData = await response.json(); // 解析 PHP 返回的 JSON 数据
    console.log('Response from PHP:', responseData);

  } catch (error) {
    console.error('Error sending data:', error);
  }
}

// 示例数据
const myData = {
  name: 'John Doe',
  age: 30,
  city: 'New York'
};

// 调用函数发送数据
sendData(myData);

代码解释：

立即学习“PHP免费学习笔记（深入）”；

1. const options = { ... }: 定义了 fetch API 的配置选项。
2. method: 'POST': 设置请求方法为 POST。
3. headers: { 'Content-Type': 'application/json' }: 设置 Content-Type 为 application/json，告知服务器发送的是 JSON 数据。
4. body: JSON.stringify(data): 使用 JSON.stringify() 函数将 JavaScript 对象转换为 JSON 字符串，并将其作为请求体发送。
5. response.json(): 解析 PHP 脚本返回的 JSON 格式的数据。

注意事项

• 安全性： 在使用 php://input 读取数据时，请务必对数据进行验证和过滤，以防止恶意代码注入和跨站脚本攻击（XSS）。
• 错误处理： 在 PHP 端和 JavaScript 端都应该包含适当的错误处理机制，以便在出现问题时能够及时发现并解决。
• Content-Type： 确保在 JavaScript 中正确设置 Content-Type 为 application/json，并且在 PHP 端使用 php://input 读取数据。
• 编码： 确保前端和后端使用的编码一致（通常是 UTF-8），以避免出现乱码问题。

总结

通过使用 php://input 流读取请求体数据，并使用 json_decode() 函数解析 JSON 数据，可以有效地解决在使用 Fetch API 发送 JSON 数据到 PHP 后端时 $_POST 数组为空的问题。 同时，请务必注意安全性、错误处理和编码问题，以确保应用程序的稳定性和安全性。 遵循本文提供的解决方案和注意事项，开发者可以轻松地在 JavaScript 前端和 PHP 后端之间传递和处理 JSON 数据。

以上就是使用 Fetch 发送 JSON 数据导致 PHP $_POST 为空的解决方案的详细内容，更多请关注php中文网其它相关文章！