Angular 5与PHP无法通过POST方法传递值至服务端脚本问题

你的问题核心在于请求头格式和实际发送的数据格式不匹配：你设置了Content-Type为application/x-www-form-urlencoded，但实际发送的是JSON字符串，而PHP默认只会解析符合urlencoded规则的POST数据，导致$_POST中拿不到值。下面给你两种可行的解决方案：

方案一：使用urlencoded格式传递数据（适合表单多字段场景） #

修改Angular中的addPartners方法，把数据转换成urlencoded的key=value格式，而不是JSON字符串：

import { HttpHeaders } from '@angular/common/http'; // 推荐用HttpHeaders替代旧的Headers

addPartners(partnerName) { 
  // 设置正确的请求头
  const headers = new HttpHeaders()
    .append('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8'); 

  // 把数据组装成urlencoded格式
  const body = new URLSearchParams();
  body.set('partnerName', partnerName);
  // 如果是多字段，就继续添加：body.set('email', this.email); body.set('phone', this.phone);

  console.log("hi " + partnerName);
  return this.http.post('http://aff.local/addPartner.php', body.toString(), { observe: 'response', responseType: 'json' })
    .pipe(map(res => { 
      console.log(res);
      return res; // 必须返回数据，否则订阅时会拿到undefined
    })); 
}

对应的PHP脚本，直接用$_POST获取参数：

<?php
function addPartner($partnerName) {
    global $result;
    // 这里写你的业务逻辑，比如插入数据库等
    $result = "接收成功：" . $partnerName;
}

// 安全获取POST参数，避免未定义报错
$partnerName = $_POST['partnerName'] ?? '';
addPartner($partnerName);
echo $result;
?>

方案二：使用JSON格式传递数据（适合复杂结构数据） #

如果更倾向于用JSON传递（比如数据结构复杂），可以修改请求头为application/json，然后PHP读取原始POST数据解析：

Angular代码修改： #

import { HttpHeaders } from '@angular/common/http';

addPartners(partnerName) { 
  const headers = new HttpHeaders()
    .append('Content-Type', 'application/json; charset=UTF-8'); 

  // 直接传递对象，HttpClient会自动转为JSON字符串
  const body = { partnerName: partnerName };
  // 多字段的话直接扩展对象：{ partnerName: partnerName, email: this.email, address: this.address }

  console.log("hi " + partnerName);
  return this.http.post('http://aff.local/addPartner.php', body, { observe: 'response', responseType: 'json' })
    .pipe(map(res => { 
      console.log(res);
      return res;
    })); 
}

PHP代码修改： #

<?php
function addPartner($partnerName) {
    global $result;
    $result = "接收成功：" . $partnerName;
}

// 读取原始POST的JSON数据
$rawPostData = file_get_contents('php://input');
// 解析为关联数组
$postData = json_decode($rawPostData, true);
$partnerName = $postData['partnerName'] ?? '';

addPartner($partnerName);
echo $result;
?>

额外注意点 #

• 原代码中pipe(map(res=>{ console.log(res) }))没有返回值，导致你订阅时data会是undefined，必须加上return res;
• 如果是多字段传递，两种方案都可以轻松扩展：方案一多调用几次body.set()，方案二直接在body对象里添加更多属性即可。

内容的提问来源于stack exchange，提问作者alim1990