使用 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免费学习笔记（深入）”；

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 为空的解决方案的详细内容，更多请关注