Angularjs - Cannot pass parameter

Issue

I'm using Angularjs for my mobile app project. My problem is I can't pass my all my parameters to my own API. My API can't detect any post parameters that my app send to it.

$http.post("http://xxxxxxxx/api/verify_login.php", {
    "username": "admin",
    "password": "12345678",
    "secret_key": "123456789"
}).success(function(data, status, headers, config) {
    alert(JSON.stringify(data));
}).error(function(data, status, headers, config) {
    alert(JSON.stringify(status));
});

If using Postman it works.

Solution

how about this :

var postData = '{"username":"'+varUsername+'", "password" : "'+varPassword+'", "secret_key" : "'+varSecretyKey+'"}';

$http({
    method: 'POST',
    url: 'http://xxxxxxxx/api/verify_login.php',
    data: postData,
    headers: {'Content-Type': 'application/x-www-form-urlencoded'}
}).success(function(response) {
        $scope.result = response;
        alert(JSON.stringify(data));
    });

This will post data as :

username=hisname&password=hispassword&secret_key=hiskey

keep in mind that, angularjs will automatically convert your postdata as JSON.

Answered By - Azizi Musa