angularjs can't communicate with php using POST

Question

I am trying to send and then get data from PHP on my server, but I don't think it sends the data.

My js code:

angular
    .module('h2hApp', [])
    .controller('mainCtrl', ['$scope', '$http', function(scope, http) {

        scope.initGames = function() {
            http({
                method: 'POST',
                url: 'apis.php',
                data: {
                    url: someUrl
                }
            })
                .success(function(data) {
                    console.log(data);
                });
        };

        scope.initGames();
    }]);

and my PHP file:

<?php
    $url = $_POST['url'];
    echo file_get_contents($url);
?>

The only thing I get in response is that error:

Notice: Undefined index: url in /my/path/apis.php on line 2

I made this working using jQuery but with AngularJS it doesn't seem to work. I'm new to Angular and I read some other problems like this. I tried things like adding headers and other things but nothing worked.

Emissary · Accepted Answer · 2014-04-06 11:26:18Z

5

You can be forgiven for thinking that your PHP script should be expecting data in the $_POST variable as encoding your data as a query string has traditionally always been the default mechanism.

Angular however encodes the message body as a JSON object by default. As mentioned you could use the params instead however in the long run I'd argue that it's more flexible to conform on the server-side. For example you can read and decode the message body as follows:

<?php
    $data = json_decode( file_get_contents('php://input') );
    echo $data->url;

answered Apr 6, 2014 at 11:26

Emissary

10.1k9 gold badges56 silver badges68 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Cruel_Crow · Accepted Answer · 2014-04-06 11:17:57Z

2

It should be 'params', not 'data'. See http://docs.angularjs.org/api/ng/service/$http#usage

answered Apr 6, 2014 at 11:17

Cruel_Crow

3493 silver badges15 bronze badges

4 Comments

Hristo Enev Over a year ago

Tried that. Still the same :(

Cruel_Crow Over a year ago

What do you see in your browser's network log when the function "initGames" is being executed?

Emissary Over a year ago

@iceless params are sent as part of the api url - i.e. the variable would be in $_GET['url'] instead of post.

Hristo Enev Over a year ago

@Emmissary Yes, using $_GET['url'] works fine with params. Thank you both!

JeffryHouser · Accepted Answer · 2014-04-06 11:26:30Z

2

Be sure to set the HTTP header, sort of like this:

$http.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=utf-8';

More info on using Post from AngularJS to PHP

answered Apr 6, 2014 at 11:26

JeffryHouser

39.4k4 gold badges41 silver badges60 bronze badges

Comments

Prasad K - Google · Accepted Answer · 2014-04-07 04:03:23Z

1

You can use http.post() method -

Try this the code -

http.post('apis.php', {
                    url: someUrl
                })
                .success(function(data) {
                    console.log(data);
                });

edited Apr 7, 2014 at 4:03

answered Apr 6, 2014 at 11:19

Prasad K - Google

2,5841 gold badge17 silver badges18 bronze badges

1 Comment

JeffryHouser Over a year ago

The post method is just a helper function. His approach is not inherently wrong.

Collectives™ on Stack Overflow

angularjs can't communicate with php using POST

4 Answers 4

Comments

4 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

4 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related