使用jquery从Angular发布到PHP文件

import { Component } from '@angular/core';
declare var $: any; // 引入jQuery

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'angular-jquery-php';

  submitForm(formData) {
    $.ajax({
      url: 'path_to_your_php_file.php', // PHP文件的路径
      type: 'POST',
      data: formData,
      success: function(response) {
        console.log('Success:', response);
      },
      error: function(xhr, status, error) {
        console.error('Error:', error);
      }
    });
  }
}

<?php
header('Content-Type: application/json');

// 获取POST数据
$data = json_decode(file_get_contents('php://input'), true);

// 处理数据（示例：简单返回接收到的数据）
$response = [
  'status' => 'success',
  'data' => $data
];

echo json_encode($response);
?>

header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Methods: GET, POST");
header("Access-Control-Allow-Headers: Content-Type");