Angular 4中this.http.post无法向PHP服务器传递参数求助

嘿，我刚碰到过一模一样的问题！Angular的HttpClient.post默认会把请求体序列化为JSON格式（请求头Content-Type: application/json），但PHP的$_POST数组只能解析application/x-www-form-urlencoded或multipart/form-data类型的请求，所以直接用$_POST拿不到参数。给你两个靠谱的解决办法：

方案一：Angular端发送表单编码格式的参数 #

这种方式让PHP可以直接用$_POST获取参数，和传统表单提交的格式一致：

首先确保你导入了HttpParams，然后把参数转换成表单编码格式发送：

import { HttpClient, HttpParams } from '@angular/common/http';

// ...

login(username: string, password: string) {
  // 构建表单参数
  const formParams = new HttpParams()
    .set('username', username)
    .set('password', password);
  
  return this.http.post<any>('/s/login/index.php', formParams.toString(), {
    headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
  }).pipe(
    map(user => {
      console.log(username);
      if (user) {
        // 把用户信息和JWT令牌存到本地存储
        localStorage.setItem('currentUser', JSON.stringify(user));
        localStorage.setItem('jwtToken', user.token);
      }
      return user;
    })
  );
}

PHP端就可以正常使用$_POST['username']和$_POST['password']获取参数了：

if($_SERVER["REQUEST_METHOD"] == "POST"){
  // 检查用户名是否为空
  if(empty($_POST['username'])){
    // 处理逻辑
  }
  // 验证密码等后续操作
}

方案二：PHP端直接解析JSON请求体 #

如果你不想改动Angular的代码，保持发送JSON格式的请求，那PHP端需要读取原始请求体并解析：

if($_SERVER["REQUEST_METHOD"] == "POST"){
  // 读取原始的JSON请求体
  $rawRequest = file_get_contents('php://input');
  // 解析为关联数组（第二个参数true转成数组，否则是对象）
  $requestData = json_decode($rawRequest, true);

  // 现在可以通过数组获取参数
  if(empty($requestData['username'])){
    // 处理空用户名的情况
  }
  // 后续验证逻辑
}

注意事项 #

• 用方案二时，确保Angular没有手动修改请求头，HttpClient.post默认会自动设置Content-Type: application/json，如果手动改了这个头可能会导致解析失败。
• 存储JWT令牌到本地存储后，后续请求可以通过拦截器自动在请求头里带上Authorization: Bearer ${token}，这样后端就能验证用户身份了。

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