使用Slim Framework从axios POST请求获取正文

Question

嗨，伙伴们在苗条的框架3中获得身体形态值的麻烦。

我现在尝试的是在react.js前端使用axios

这是slim3路由文件：task.php

    <?php
    use Slim\Http\Request;
    use Slim\Http\Response;
    use \Firebase\JWT\JWT;

    $app->post('/task/add', function(Request $request,Response $response){

       // parse body
       $parsedBody = $request->getParsedBody();

       // data for insert
       $data = [
        ":TASK_STATUS" => 1,
        ":IDUSRN" => 1,
        ":TASK_FOR" => 16,
        ":TASK_DATE_START" => date('Y-m-d H:i:s'),
        ":TASK_DATE_END" => date('Y-m-d H:i:s'),
        ":TASK_SUBJECT" => $parsedBody['task_subject'],
        ":TASK_DETAIL" => $parsedBody['task_detail']
       ];


$sql = "INSERT INTO task (TASK_STATUS,IDUSRN,TASK_FOR,TASK_DATE_START,TASK_DATE_END,TASK_SUBJECT,TASK_DETAIL
        ) VALUES (:TASK_STATUS,:IDUSRN,:TASK_FOR,:TASK_DATE_START,:TASK_DATE_END,:TASK_SUBJECT,:TASK_DETAIL)";

        $stmt = $this->db->prepare($sql);

        try{
            $stmt->execute($data);
            return $response->withStatus(200)->withHeader("Content-Type", "application/json")->withJson(["status"=>"success","message"=>"Task successfully added !"]);

        }catch(PDOException $e){
            return $response->withStatus(401)->withHeader("Content-Type", "application/json")->withJson(["status"=>"Gagal","message"=>"Data tidak bisa terinput !"]);
        }
    });

我可以看到数据已成功插入。但我收到任务主题和任务细节为null

这是react.js post请求处理程序：

saveTask(e){
        e.preventDefault();

        const state = this.state;
        this.setState({
            addTask_status:false
        });

        const body = {                         
            task_subject: state.task_subject.value,
            task_detail: state.task_detail.value
        };

        axios({
          method: 'post',
          url: 'http://localhost:8080/task/add',
          headers:{
            "Content-Type": "application/json"
          },
          body
        }).then(function(response){
            console.log(response);
        })
        .catch((err)=>console.log(err));
    }

谢谢你的帮助。

Answer 1

我相信你需要在body通过data

axios({ 
    method: 'post', 
    url: 'http://localhost:8080/task/add',
    headers:{
       "Content-Type": "application/json" 
    }, 
    data: body 
}).then(function(response) { 
    console.log(response);
});

见 Axios README.md