AngularJS表单通过$http提交后，PHP无法获取表单数据求助

我之前碰到过完全一样的问题，核心原因其实是AngularJS的$http服务默认会以JSON格式发送请求体，但PHP的$_POST超全局变量只对application/x-www-form-urlencoded或multipart/form-data编码的请求自动解析，所以直接调用$_POST['xxx']自然拿不到数据。下面给你两种可行的解决方案：

方案一：修改AngularJS请求格式，适配PHP的$_POST解析 #

你需要在$http请求里把数据序列化为表单编码格式，同时修改请求头的Content-Type。AngularJS自带了$httpParamSerializerJQLike工具来做这件事，具体用法如下：

首先确保控制器注入了$http和$httpParamSerializerJQLike：

app.controller('ProfilController', ['$http', '$httpParamSerializerJQLike', function($http, $httpParamSerializerJQLike) {
  var vm = this;

  vm.submit = function() {
    // 整理要提交的表单数据
    var formData = {
      loginProfil: vm.loginProfil,
      mdpProfil: vm.mdpProfil,
      emailProfil: vm.emailProfil
    };

    $http({
      method: 'POST',
      url: '你的PHP接口地址',
      data: $httpParamSerializerJQLike(formData),
      headers: {
        'Content-Type': 'application/x-www-form-urlencoded'
      }
    }).then(function(response) {
      console.log('提交成功', response);
      // 这里可以加成功后的页面逻辑，比如提示、跳转
    }, function(error) {
      console.error('提交失败', error);
    });
  };
}]);

注意如果你的视图用的是$scope而不是controllerAs语法，把vm.xxx换成$scope.xxx即可。这样修改后，你原来的PHP代码不需要改动，就能直接用$_POST['loginProfil']拿到数据了。

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

如果你不想改动AngularJS的代码，也可以在PHP端读取原始请求输入，手动解析JSON：

// 读取原始请求内容
$rawRequest = file_get_contents('php://input');
// 解析成关联数组
$formData = json_decode($rawRequest, true);

if ($formData) {
  $login = $formData['loginProfil'];
  $mdp = $formData['mdpProfil'];
  $email = $formData['emailProfil'];
  // 后续的业务逻辑处理
} else {
  echo '请求数据格式错误，请检查提交内容';
}

这种方式下，AngularJS的submit函数可以保持最简单的写法：

$scope.submit = function() {
  $http.post('你的PHP接口地址', {
    loginProfil: $scope.loginProfil,
    mdpProfil: $scope.mdpProfil,
    emailProfil: $scope.emailProfil
  }).then(...)
};

额外小提示 #

你可以打开浏览器的开发者工具（Network标签），查看请求的Payload和Content-Type字段，确认数据是否正确发送——这是排查这类问题最直观的方式。

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