Yii2 中处理 JSON POST 请求：解决数据为空问题及解析配置指南

// config/web.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',
            // 如果你的前端也可能发送其他JSON类型，例如 'text/json'，也可以在此添加
            // 'text/json' => 'yii\web\JsonParser',
        ],
        // ... 其他请求组件的配置
    ],
    // ... 其他组件
]

// 获取 CSRF 令牌和参数名
const csrfToken = document.querySelector("meta[name='csrf-token']").content;
const 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",
        [csrfParam]: csrfToken,           // 将 CSRF 参数名作为键，CSRF 令牌作为值
        // "X-CSRF-Token": csrfToken       // 另一种常见的 CSRF 令牌传递方式，Yii2 也支持
    },
    body: JSON.stringify(dataToSend) // 将 JavaScript 对象转换为 JSON 字符串
})
.then(response => {
    if (!response.ok) {
        // 处理 HTTP 错误，例如 404, 500
        throw new Error(`HTTP error! status: ${response.status}`);
    }
    return response.json(); // 解析 JSON 响应
})
.then((data) => {
    console.log("Success:", data);
})
.catch((error) => {
    console.error("Error during fetch operation:", error);
});

// controllers/ReactController.php (假设你的控制器名为 ReactController)

namespace app\controllers;

use Yii;
use yii\web\Controller;
use yii\filters\VerbFilter; // 如果需要限制请求方法

class ReactController extends Controller
{
    // 如果需要禁用 CSRF 验证（不推荐在生产环境禁用，除非你理解风险并有其他安全措施）
    public $enableCsrfValidation = false;

    public function behaviors()
    {
        return [
            'verbs' => [
                'class' => VerbFilter::class,
                'actions' => [
                    'save-babysitter' => ['POST'], // 确保只允许 POST 请求
                ],
            ],
        ];
    }

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

        // 获取整个解析后的 JSON 数据（作为关联数组）
        $data = $request->post();

        // 获取特定字段，例如 'name'
        $name = $request->post('name');
        $id = $request->post('id');

        // 验证数据（重要步骤！）
        if (empty($name) || empty($id)) {
            Yii::$app->response->statusCode = 400; // Bad Request
            return $this->asJson(['success' => false, 'message' => '缺少必要的参数']);
        }

        // 假设这里进行数据处理和保存到数据库
        // ...

        // 返回 JSON 响应
        return $this->asJson([
            'success' => true,
            'message' => '数据接收成功',
            'received_data' => [
                'id' => $id,
                'name' => $name
            ]
        ]);
    }
}