我正在尝试使用 Angular 中的 HttpClient 从我的 ionic Angular 应用程序执行基本的 POST 请求。从该 POST 中，我需要将有效负载传递到 PHP 文件，以便我操作 PHP 中的另一个函数。

我似乎可以回显整个数据，但尝试获取单个值会出错。

下面是我在 home.ts 下的代码

test() {
    let data = {
      firstname: "John",
      lastname: "Wick"
    }

    const headers = new HttpHeaders();
    headers.set('Content-Type', 'application/json; charset=UTF-8');
    headers.set('Access-Control-Allow-Origin', '*');
    headers.set('Access-Control-Allow-Methods', 'POST, GET, OPTIONS, PUT');

    this.http.post(this.php_url, data, {headers: headers}).subscribe((res) => {
      console.log("Posted successfully")
      console.log(res);
    }, (err) => {
      console.log(err.error);
    });
  }

在我的index.php 文件中，我有以下代码。

<?php
    header('Access-Control-Allow-Origin: *');
    header('Access-Control-Allow-Headers: *');
    header('Content-Type: application/json');

    $json = file_get_contents('php://input');

    echo $json->firstname;
?>

我能够回显 $json，但在尝试获取单个值时却无法回显。如何从 JSON 数据中获取单个值？