Yii2 中处理 JSON POST 请求：配置与实践

// config/web.php 或 config/main.php

'components' => [
    'request' => [
        // !!! insert a secret key in the following (if it is empty) - this is required by cookie validation
        'cookieValidationKey' => 'your-secret-key', // 请替换为你的密钥
        'parsers' => [
            'application/json' => 'yii\web\JsonParser',
        ],
        // ... 其他请求组件配置
    ],
    // ... 其他组件配置
]

let csrfToken = document.querySelector("meta[name='csrf-token']").content;
let csrfParam = document.querySelector("meta[name='csrf-param']").content;

// 假设 e.id 和 this.state.ChangeName 是需要发送的数据
const dataToSend = {
    'id': e.id,
    'name': this.state.ChangeName
};

fetch("http://site.se/react/save-babysitter", {
    method: "POST",
    headers: {
        "Content-Type": "application/json", // 关键：指定内容类型为 JSON
        "Accept": "application/json",
        // Yii2 CSRF 令牌，确保请求安全
        [csrfParam]: csrfToken, // 使用中括号语法，因为 csrfParam 是变量
        "X-CSRF-Token": csrfToken // 兼容性考虑，通常 Yii2 会检查其中一个
    },
    body: JSON.stringify(dataToSend) // 将 JavaScript 对象转换为 JSON 字符串
})
.then(response => {
    // 检查响应状态码，如果不是 2xx，则抛出错误
    if (!response.ok) {
        throw new Error(`HTTP error! status: ${response.status}`);
    }
    return response.json(); // 解析 JSON 响应
})
.then((data) => {
    console.log("Success:", data);
})
.catch((error) => {
    console.error("Error:", error);
});

<?php

namespace app\controllers;

use Yii;
use yii\web\Controller;
use yii\web\Response; // 引入 Response 类

class ReactController extends Controller
{
    // 禁用 CSRF 验证（仅用于演示，生产环境请谨慎）
    // public $enableCsrfValidation = false; 

    public function actionSaveBabysitter()
    {
        $request = Yii::$app->request;

        // 设置响应格式为 JSON
        Yii::$app->response->format = Response::FORMAT_JSON;

        // 获取解析后的 JSON 数据
        // 如果前端发送的是 {"id": 123, "name": "Test"}
        $id = $request->post('id');
        $name = $request->post('name');

        // 也可以获取所有 POST 参数为一个数组
        // $postData = $request->post(); 

        // 生产环境中，通常需要对接收到的数据进行验证和处理
        if (empty($id) || empty($name)) {
            return [
                'status' => 'error',
                'message' => 'ID 或 Name 不能为空。',
            ];
        }

        // 假设这里进行数据保存或其他业务逻辑
        // 例如：$model = new Babysitter(['id' => $id, 'name' => $name]); $model->save();

        // 返回成功响应
        return [
            'status' => 'success',
            'message' => '数据接收成功！',
            'received_id' => $id,
            'received_name' => $name,
            // 可以在这里返回更多处理结果
        ];
    }
}