如何在Angular 4中使用表单用PHP更新json文件？

import { HttpClient, HttpHeaders } from '@angular/common/http';
import { Observable } from 'rxjs';

constructor(private http: HttpClient) { }

updateJsonFile(formData: any): Observable<any> {
  const url = 'path/to/php/file.php'; // 替换为实际的PHP文件路径
  const headers = new HttpHeaders().set('Content-Type', 'application/json');
  return this.http.post(url, formData, { headers });
}

onSubmit(formData: any) {
  this.updateJsonFile(formData).subscribe(
    response => {
      console.log('JSON文件已更新');
      // 处理成功更新JSON文件后的逻辑
    },
    error => {
      console.error('更新JSON文件时出错', error);
      // 处理更新JSON文件失败的逻辑
    }
  );
}

<?php
$file = 'path/to/json/file.json'; // 替换为实际的JSON文件路径

// 从POST请求中获取表单数据
$data = json_decode(file_get_contents('php://input'), true);

// 将表单数据写入JSON文件
file_put_contents($file, json_encode($data));

// 返回成功响应
header('Content-Type: application/json');
echo json_encode(['message' => 'JSON文件已更新']);
?>