使用Fetch API跨域获取JSON数据并在PHP中处理-php教程-PHP中文网

使用Fetch API跨域获取JSON数据并在PHP中处理

DDD

发布： 2025-07-09 17:18:01

原创

955人浏览过

使用fetch api跨域获取json数据并在php中处理

本文旨在指导开发者如何使用JavaScript的Fetch API跨域获取JSON数据，并通过PHP后端进行处理。重点在于解决跨域请求中的CORS问题，以及如何将前端获取的JSON数据正确传递到PHP后端，并进行解析和使用。通过本文，你将学会如何利用JSON.stringify()方法将JSON数据转换为字符串，并通过POST请求发送到PHP后端，最终在PHP中成功解析并使用这些数据。

要实现从前端使用Fetch API获取JSON数据，并将其传递到PHP后端进行处理，需要注意几个关键步骤。首先，要解决跨域资源共享（CORS）问题，需要在服务器端进行配置。其次，需要将JavaScript中的JSON对象转换为字符串，并通过POST请求发送到PHP后端。最后，在PHP后端接收并解析该字符串，将其转换回PHP数组或对象。

前端JavaScript代码

使用Fetch API获取JSON数据并将其发送到PHP后端，关键在于将JSON数据转换为字符串。以下是一个示例代码：

fetch("http://localhost:8000/get_users.php", {
    method: 'post',
    credentials: 'include',
    headers: {
        'Content-Type': 'application/json' // 设置Content-Type
    },
    body: JSON.stringify({users: users}) // 将JSON数据转换为字符串并作为请求体发送
})
.then(response => {
    return response.json();
})
.then(users => {
    console.log(users);
    //var usersString = JSON.stringify(users); // 将JSON对象转换为字符串
    //alert(usersString); // 可选：用于调试
    //
    //fetch("your_php_endpoint.php", {
    //    method: "POST",
    //    headers: {
    //        "Content-Type": "application/json"
    //    },
    //    body: JSON.stringify({ users: users }) // 将JSON数据发送到PHP
    //})
    //.then(response => response.json())
    //.then(data => console.log(data));
});

登录后复制

注意事项：

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

iMuse.AI

iMuse.AI 创意助理，为设计师提供无限灵感！

139

查看详情

Content-Type: 设置Content-Type请求头为application/json，告知服务器发送的是JSON数据。
JSON.stringify(): 使用JSON.stringify()方法将JSON对象转换为字符串。
body: 将转换后的字符串作为POST请求的body发送。
CORS: 确保服务器端已配置允许跨域请求，否则浏览器会阻止请求。

PHP后端代码

在PHP后端，需要接收并解析前端发送的JSON字符串。以下是一个示例代码：

<?php
// 允许跨域请求 (仅用于开发环境，生产环境请配置更严格的策略)
header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Methods: POST, OPTIONS");
header("Access-Control-Allow-Headers: Content-Type");

$posted_data = array();

// 从请求体获取JSON数据
$json = file_get_contents('php://input');

// 解析JSON数据
$data = json_decode($json, true);

if (isset($data['users'])) {
    $posted_data = $data['users'];
}

// 输出接收到的数据
print_r($posted_data);
?>

登录后复制

注意事项：

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

file_get_contents('php://input'): 使用file_get_contents('php://input')函数获取POST请求的原始数据。
json_decode(): 使用json_decode()函数将JSON字符串解析为PHP数组或对象。第二个参数 true 表示返回数组，省略或设置为 false 则返回对象。
CORS配置： 生产环境中，请根据实际情况配置更严格的CORS策略，例如限制允许的域名。
错误处理： 建议添加错误处理机制，例如检查json_decode()是否成功解析JSON字符串。

总结

通过以上步骤，你可以成功地使用Fetch API跨域获取JSON数据，并将其传递到PHP后端进行处理。关键在于正确使用JSON.stringify()方法将JSON数据转换为字符串，并在PHP后端使用json_decode()函数将其解析回PHP数组或对象。同时，务必注意CORS配置，以确保跨域请求能够成功执行。此外，在实际开发中，请根据需要添加适当的错误处理和安全措施。

以上就是使用Fetch API跨域获取JSON数据并在PHP中处理的详细内容，更多请关注php中文网其它相关文章！