Angular - send HTTP post data to server [HOW TO]

Question

I'm trying to send data from my login FORM to backend writen in PHP using POST method.

my Angular code looks like:

$scope.getToken = function(){
    // console.log $scope.login to make sure I'm not sending empty data
    console.log($scope.login);
    $http({
        method: 'POST',
        url: '../../api/v1/Oauth.php',
        data: { 'login' : $scope.login, 'password' : $scope.password }
    }).then(function successCallback(response) {
        console.log(response);
    }, function errorCallback(response) {
       console.log(response);
    });
};

and after that I try to catch it on my PHP:

if((isset($_POST['login']) AND isset($_POST['password'])))
{
    $username = $_POST['login'];
    $password = $_POST['password'];
    echo $username;
}
else
    var_dump($_POST);

This statement always go to else and return empty array. Can someone advise me what I'm doing wrong or how can I debug this? Because it looks that I send data fron angular correctly but it didn't come to server.

Thanks Kind Regards Andurit

can you open up the developer tools and examine the request body. Does it look like what you expect? — pQuestions123
– pQuestions123, Commented Dec 9, 2015 at 15:43
Did you mean 'username' : $scope.username instead of 'login' : $scope.login ? — Komo
– Komo, Commented Dec 9, 2015 at 15:43
hey @Komo good point, anyway this should atleast dump data in else statemenet which is not doing. But thanks I will edit this (+ THUMB UP for you ) — Andurit
– Andurit, Commented Dec 9, 2015 at 15:44
@pQuestions123 reuqest looks like: { login: "Andurit" password: "ads" } which looks fine for me. — Andurit
– Andurit, Commented Dec 9, 2015 at 15:50

schellingerht · Accepted Answer · 2015-12-09 15:48:08Z

3

Use this:

json_decode(file_get_contents('php://input'));

Check your network tab in your developer bar. You can see that you send payload data in the http body. That's why the $_POST array is empty.

answered Dec 9, 2015 at 15:48

schellingerht

5,8062 gold badges30 silver badges56 bronze badges

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

1 Comment

Andurit Over a year ago

Marked, was just waiting until it let me do it

Community · Accepted Answer · 2017-05-23 11:52:22Z

2

Some older server side web libraries like Coldfusion/.NET/PHP have issues grabbing a POST BODY by default (which is how $http sends the data).

You can reference How to get body of a POST in php? to learn how to write your PHP in a way that it will accept the current and correct standard of sending data via a post.

To access the entity body of a POST or PUT request (or any other HTTP method):

$entityBody = file_get_contents('php://input');

Also, the STDIN constant is an already-open stream to php://input, so you can alternatively do:

$entityBody = stream_get_contents(STDIN);

edited May 23, 2017 at 11:52

CommunityBot

11 silver badge

answered Dec 9, 2015 at 15:52

Sean Larkin

6,4401 gold badge31 silver badges43 bronze badges

1 Comment

Andurit Over a year ago

Hey @Sean Larking , I already accept Henris answer, howwever thumbup for you for this explenation :)

pQuestions123 · Accepted Answer · 2015-12-09 15:41:05Z

0

try:

data: { login : $scope.login, password : $scope.password }

answered Dec 9, 2015 at 15:41

pQuestions123

4,6416 gold badges30 silver badges60 bronze badges

Comments

Alex Repeckiy · Accepted Answer · 2015-12-09 15:48:28Z

0

$http.post('url', {login: 'Alex', password: 'qwerty'}).then(function(){},function(){});

answered Dec 9, 2015 at 15:48

Alex Repeckiy

17310 bronze badges

1 Comment

Alex Repeckiy Over a year ago

if this, dont work, find problem on the server. Small recommendation, for http create service/factory.

Collectives™ on Stack Overflow

Angular - send HTTP post data to server [HOW TO]

4 Answers 4

1 Comment

1 Comment

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related