Angular HTTP发布到PHP和未定义

我有一个标签ng-submit="login()

这个函数在javascript中调用的很好。

 function LoginForm($scope, $http) { $http.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8'; $scope.email = "[e-mail]"; $scope.password = "1234"; $scope.login = function() { data = { 'email' : $scope.email, 'password' : $scope.password }; $http.post('resources/curl.php', data) .success(function(data, status, headers, config) { console.log(status + ' - ' + data); }) .error(function(data, status, headers, config) { console.log('error'); }); } } 

我从PHP文件得到了200 OK响应，但是，返回的数据是说email和password是未定义的。 这是我所有的PHP

 <?php $email = $_POST['email']; $pass = $_POST['password']; echo $email; ?> 

任何想法为什么我得到未定义的POST值？

编辑

我想指出，因为这似乎是一个受欢迎的问题（但它是旧的） .success和.error已被弃用，你应该使用。然后.then @詹姆斯Gentes在评论指出

Answer 1

angularjs .post()默认Content-type头到application/json 。 你重写这个来传递表单编码的数据，但是你并没有改变你的data值来传递一个合适的查询string，所以PHP没有像你期望的那样填充$_POST 。

我的build议是只使用application/json的默认angularjs设置作为头，读取PHP中的原始input，然后反序列化JSON。

这可以在PHP中实现，如下所示：

 $postdata = file_get_contents("php://input"); $request = json_decode($postdata); $email = $request->email; $pass = $request->password; 

或者，如果您严重依赖$_POSTfunction，则可以形成一个查询string，例如email=[e-mail]&password=somepassword并将其作为数据发送。 确保这个查询string是URL编码的。 如果手动构build（而不是像使用jQuery.serialize() ），Javascript的encodeURIComponent()应该为你做的伎俩。

Answer 2

我在服务器端，在我的init文件开始时，就像一个魅力，你不必在angular度或现有的PHP代码中做任何事情：

 if ($_SERVER['REQUEST_METHOD'] == 'POST' && empty($_POST)) $_POST = json_decode(file_get_contents('php://input'), true); 

Answer 3

在我正在开发的API我有一个基础控制器和它的__construct（）方法我有以下内容：

 if(isset($_SERVER["CONTENT_TYPE"]) && strpos($_SERVER["CONTENT_TYPE"], "application/json") !== false) { $_POST = array_merge($_POST, (array) json_decode(trim(file_get_contents('php://input')), true)); } 

这使我可以在需要时简单地引用json数据为$ _POST [“var”]。 很好用。

这样，如果一个经过身份validation的用户连接一个类似jQuery的库，发送默认的Content-Type：application / x-www-form-urlencoded或者Content-Type：application / json的post数据，那么API将无误地响应使API更开发友好一点。

希望这可以帮助。

Answer 4

Angular Js演示代码： –

 angular.module('ModuleName',[]).controller('main', ['$http', function($http){ var formData = { password: 'test pwd', email : 'test email' }; var postData = 'myData='+JSON.stringify(formData); $http({ method : 'POST', url : 'resources/curl.php', data: postData, headers : {'Content-Type': 'application/x-www-form-urlencoded'} }).success(function(res){ console.log(res); }).error(function(error){ console.log(error); }); }]); 

服务器端代码： –

 <?php // it will print whole json string, which you access after json_decocde in php $myData = json_decode($_POST['myData']); print_r($myData); ?> 

由于angular度行为，在PHP服务器上没有正常发布行为的直接方法，所以你必须在json对象中进行pipe理。

Answer 5

因为PHP本身并不接受JSON的'application/json'一种方法是从angular度更新你的头文件和参数，这样你的api就可以直接使用这些数据。

首先 ，参数化您的数据：

 data: $.param({ "foo": $scope.fooValue }) 

然后 ，将以下内容添加到您的$http

  headers: { 'Content-Type' : 'application/x-www-form-urlencoded; charset=UTF-8' }, 

如果您的所有请求都转到PHP，则参数可以在configuration中全局设置，如下所示：

 myApp.config(function($httpProvider) { $httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8'; }); 

Answer 6

您需要反序列化您的表单数据，然后将其作为第二个parameter passing给.post（）。 你可以使用jQuery的$ .param（data）方法实现这一点。 然后你可以在服务器端引用它，像$ .POST ['email'];

Answer 7

这是最好的解决scheme（IMO），因为它不需要jQuery，也不需要JSON解码：

来源： https ： //wordpress.stackexchange.com/a/179373和： https ： //stackoverflow.com/a/1714899/196507

概要：

 //Replacement of jQuery.param var serialize = function(obj, prefix) { var str = []; for(var p in obj) { if (obj.hasOwnProperty(p)) { var k = prefix ? prefix + "[" + p + "]" : p, v = obj[p]; str.push(typeof v == "object" ? serialize(v, k) : encodeURIComponent(k) + "=" + encodeURIComponent(v)); } } return str.join("&"); }; //Your AngularJS application: var app = angular.module('foo', []); app.config(function ($httpProvider) { // send all requests payload as query string $httpProvider.defaults.transformRequest = function(data){ if (data === undefined) { return data; } return serialize(data); }; // set all post requests content type $httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8'; }); 

例：

 ... var data = { id: 'some_id', name : 'some_name' }; $http.post(my_php_url,data).success(function(data){ // It works! }).error(function() { // :( }); 

PHP代码：

 <?php $id = $_POST["id"]; ?> 

Answer 8

这是一个古老的问题，但值得一提的是，在Angular 1.4中添加了httpParamSerializer，并且在使用$ http.post时，如果使用$ httpParamSerializer（params）传递参数，那么所有东西都像普通的post请求一样工作，没有JSON反序列化需要在服务器端。

https://docs.angularjs.org/api/ng/service/$httpParamSerializer

Answer 9

我花了几个小时才明白，在Angular和PHP的工作。 发布数据不会在$ _POST的PHP中

在PHP代码中执行以下操作。 – 创build一个variables$ angular_post_params – 然后执行以下$angular_http_params = (array)json_decode(trim(file_get_contents('php://input')));

现在你可以像你从$ _POST那样访问你的参数

$angular_http_params["key"]

如果你想知道关于JavaScript ….这是我用的

  var myApp = angular.module('appUsers', []); //var post_params = $.param({ request_type: "getListOfUsersWithRolesInfo" }); var dataObj = { task_to_perform: 'getListOfUsersWithRolesInfo' }; myApp.controller('ctrlListOfUsers', function ($scope, $http) { $http({ method: 'POST', dataType: 'json', url: ajax_processor_url, headers: { 'Content-Type': 'application/json' }, data: dataObj, //transformRequest: function(){}, timeout: 30000, cache: false }). success(function (rsp) { console.log("success"); console.log(rsp); }). error(function (rsp) { console.log("error"); }); });