在$ http.post传递的PhP脚本中使用变量

Question

In angular im using $http.post for sending an id to a php script in order to use this id for a mysql request.

This is my controller:

function ProjectDetailsCtrl($scope, $http, $timeout, getGoodIdProjectDetails) {

    $scope.idProjectDetails = getGoodIdProjectDetails.getId(); //Getting id project

    $scope.$emit('LOAD')
    $scope.url = 'scripts/findProjectDetails.php';

    $http.post($scope.url, { "idProject" : $scope.idProjectDetails}).
    success(function(data, status) {
        $scope.projectDetails = {};
        $scope.projectDetails.details = data;
        $scope.$emit('UNLOAD')
    })
    .
    error(function(data, status) {
        $scope.data = data || "Request failed";
        $scope.status = status;         
    });
}

idProjectDetails is a number.

Then the Php script :

<?php
$idProject = json_decode($_POST['idProject']);

Php script returns that $idProject is undefined.

Can you help me with this ?

Edit : I tried this way but my app crashed with this :

$http.defaults.headers.post["Content-Type"] = "application/x-www-form-urlencoded";
$http({
    method: 'POST',
    url: 'scripts/findProjectDetails.php',
    data: "idProject" : $scope.idProjectDetails  
}).success(function(data, status) {
    $scope.projectDetails = {};
    $scope.projectDetails.details = data;
    console.log(projectDetails.details);
    $scope.$emit('UNLOAD')
})
.
error(function(data, status) {
    $scope.data = data || "Request failed";
    $scope.status = status;         
});

With the first example, in Chrome console, the "request playload" contain this : {idProject:1} idProject:1 so I assume my variable is correctly passed through the php script?

Answer 1

There is much confusion among newcomers to AngularJS as to why the $http service shorthand functions ($http.post(), etc.) don’t appear to be swappable with the jQuery equivalents (jQuery.post(), etc.) The difference is in how jQuery and AngularJS serialize and transmit the data. Fundamentally, the problem lies with your server language of choice being unable to understand AngularJS’s transmission natively ... By default, jQuery transmits data using Content-Type: x-www-form-urlencoded and the familiar foo=bar&baz=moe serialization. AngularJS, however, transmits data using Content-Type: application/json and { "foo": "bar", "baz": "moe" } JSON serialization, which unfortunately some Web server languages—notably PHP—do not unserialize natively.

So concretely, your $_POST variable is empty !

To go through this problem there're 2 solutions:

• Change the data format in Angular config
• Change the way to get the datas with PHP(Deprecated but works)

I haven't invented anything here, just linking... Hope it'll help.