Publicación HTTP de AngularJS en PHP y no definido

Tengo un formulario con la etiqueta ng-submit="login()

La función se llama bien en javascript.

function LoginForm($scope, $http)
{
    $http.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8';

    $scope.email    = "[email protected]";
    $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');
        });
    }
}

Recibo una respuesta 200 OK del archivo PHP, sin embargo, los datos devueltos dicen eso emaily passwordno están definidos. Este es todo el php que tengo

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

¿Alguna idea de por qué obtengo POSTvalores indefinidos ?

EDITAR

Quería señalar ya que esta parece ser una pregunta popular (pero es antigua), .successy .errorha sido obsoleta y debería usarla .thencomo @James Gentes señaló en los comentarios.

angularjs .post()predetermina el encabezado de tipo de contenido a application/json. Está anulando esto para pasar datos codificados por formulario, sin embargo, no está cambiando su datavalor para pasar una cadena de consulta adecuada, por lo que PHP no se está completando $_POSTcomo esperaba.

Mi sugerencia sería usar la configuración predeterminada de angularjs application/jsoncomo encabezado, leer la entrada sin procesar en PHP y luego deserializar el JSON.

Eso se puede lograr en PHP de esta manera:

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

Alternativamente, si confía en gran medida en la $_POSTfuncionalidad, puede formar una cadena de consulta como [email protected]&password=somepasswordy enviarla como datos. Asegúrese de que esta cadena de consulta esté codificada como URL. Si se construye manualmente (en lugar de usar algo como jQuery.serialize()), Javascript encodeURIComponent()debería hacer el truco por usted.

Lo hago en el lado del servidor, al comienzo de mi archivo de inicio, funciona como un encanto y no tienes que hacer nada en el código php angular o existente:

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

En la API que estoy desarrollando tengo un controlador base y dentro de su método __construct () tengo lo siguiente:

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));
}

Esto me permite simplemente hacer referencia a los datos json como $ _POST ["var"] cuando sea necesario. Funciona genial.

De esa manera, si un usuario autenticado se conecta con una biblioteca como jQuery que envía datos de publicación con un valor predeterminado de Content-Type: application / x-www-form-urlencoded o Content-Type: application / json, la API responderá sin errores y hacer que la API sea un poco más amigable para los desarrolladores.

Espero que esto ayude.

Debido a que PHP no acepta JSON de forma nativa, 'application/json'un enfoque es actualizar sus encabezados y parámetros desde angular para que su api pueda usar los datos directamente.

Primero , parametrice sus datos:

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

Luego , agregue lo siguiente a su$http

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

Si todas sus solicitudes van a PHP, los parámetros se pueden establecer globalmente en la configuración de la siguiente manera:

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

Código de demostración de 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);
        });

        }]);

Código del lado del servidor: -

<?php


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

?>

Debido al comportamiento angular, no existe un método directo para el comportamiento de publicación normal en el servidor PHP, por lo que debe administrarlo en objetos json.

Necesita deserializar los datos de su formulario antes de pasarlos como segundo parámetro a .post (). Puede lograr esto usando el método $ .param (data) de jQuery. Entonces podrá en el lado del servidor hacer referencia a él como $ .POST ['email'];

Esta es la mejor solución (IMO) ya que no requiere jQuery ni decodificación JSON:

Fuente: https://wordpress.stackexchange.com/a/179373 y: https://stackoverflow.com/a/1714899/196507

Resumen:

//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';
});

Ejemplo:

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

Código PHP:

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

Es una pregunta antigua, pero vale la pena mencionar que en Angular 1.4 se agrega $ httpParamSerializer y cuando usamos $ http.post, si usamos $ httpParamSerializer (params) para pasar los parámetros, todo funciona como una solicitud de publicación normal y no se deserializa JSON necesario en el lado del servidor.

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

Me tomó horas entender eso mientras trabajaba con Angular y PHP. Los datos de publicación no iban a PHP en $ _POST

en código PHP, haga lo siguiente. - Cree una variable $ angular_post_params - Luego haga lo siguiente $angular_http_params = (array)json_decode(trim(file_get_contents('php://input')));

ahora puede acceder a sus parámetros como lo hace desde $ _POST

$angular_http_params["key"]

en caso de que se esté preguntando acerca de javascript ... esto es lo que usé

    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");
        });
    });