$_POST doesn't work well with $http POST

Question

in my controller.js I do like this

$http({
        url: 'http://example.com/api.php',
        method: "POST",
        data: { 'YTParam' : 'test' }
    })
    .then(function(response) {
            console.log(response.data);
        }, 
        function(response) { // optional
            // failed
        }
    );

I even checked the network tool, the param did passed.

and in my api.php I try echo $_POST["YTParam"] but in my console I see nothing? What's wrong here? I tried to echo "string", it did appeared..

This should work http://stackoverflow.com/questions/19254029/angularjs-http-post-does-not-send-data — jfl1977, Mar 20 '15 at 15:33
@yamidemichaos Quotes makes no difference at all. Without it, JS knows the first occurence in an object couple is the key, and quotes it automatically. — Maen, Mar 20 '15 at 16:43

score 1 · Answer 1 · answered Mar 20 '15 at 15:31

1

Angular is not setting a header your server handles, try using this:

$_POST = json_decode(file_get_contents("php://input"), true);

answered Mar 20 '15 at 15:31

Mathew Berg

28,625
11
69
90

where I should put this? – Elton Jamie Mar 20 '15 at 15:37
Wherever you want in your php file, before you use $_POST. – Mathew Berg Mar 20 '15 at 17:37

score 0 · Answer 2 · edited Jun 20 '20 at 09:12

Your data is not in the $_POST array, because your angular JS contentType is set to application/json by default, and PHP expects application/x-www-form-urlencoded for a POST request. Quoting from docs :

$httpProvider.defaults.headers.post: (header defaults for POST requests)

Content-Type: application/json

To change this, either change this value in your config :

yourApp.config(['$httpProvider', function($httpProvider) {
    $httpProvider.defaults.headers.post["Content-Type"] = "application/x-www-form-urlencoded";  
}]);

Or at the time you send your request :

$http({
    url: 'http://myURL.com/api/',
    method: "POST",

    headers: {
     'Content-Type': "application/x-www-form-urlencoded"
    },
    data: { 'YTParam' : 'test' }
})

You can set contentType directly as a property, but I'm not 100% sure of this.

@EltonJamie Please share that kind of information in your question in the first place. — Maen, Mar 23 '15 at 13:33

$_POST doesn't work well with $http POST

2 Answers2