Http Post request in Angular JS

Question

We are new to angular js.

We tried http request using $http.get it is working fine. But in post request it is creating an issue, it comes to success and show bad parameter error code 103.

Same we have tried in ajax request using $.ajax({}), and it is working fine.

I have also paste my code.

Can anyone help us out?

mainApp.controller('registrationCtrl', function($scope, $location, $http) {
    $scope.registration = function() {
        console.log("registration called");
        var ws_url = "http://apparelinindia.com/selfiestandoff/WebServices/register";

        var request = $http({
            method: "post",
            url: ws_url,
            data: {
                user_email: $scope.email,
                user_password: $scope.password
            },
            dataType: 'json',
            headers: {
                'Content-Type': 'application/json'
            }

        });
        request.success(function(data) {
            console.log("Success" + data);
        });
        request.error(function(error) {
            console.log("Success" + JSON.stringify(error));
        });
    };
});

Tried with method: "POST" instead?

Michel
– Michel

2015-09-16 12:18:14 +00:00
Commented Sep 16, 2015 at 12:18 — Michel
– Michel, Commented Sep 16, 2015 at 12:18
And remove dataType: 'json'

Michel
– Michel

2015-09-16 12:20:19 +00:00
Commented Sep 16, 2015 at 12:20 — Michel
– Michel, Commented Sep 16, 2015 at 12:20

DShah · Accepted Answer · 2015-09-16 12:21:13Z

1

You can use http Post in following way:

  var request = $http.post(ws_url, {
        user_email: $scope.email,
        user_password: $scope.password
    });

answered Sep 16, 2015 at 12:21

DShah

4725 silver badges15 bronze badges

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

Comments

Michel · Accepted Answer · 2015-09-16 12:26:54Z

The name of the http method should be written in uppercase. Also, the property datatype is not awaited by $http, you should remove it:

var request = $http({
     method: "POST",
     url: ws_url,
     data: {
         user_email: $scope.email,
         user_password: $scope.password
     },
     headers: {
         'Content-Type': 'application/json'
     }
});

Note, in the above call to $http you are setting the header 'Content-Type': 'application/json'. But this header is automatically injected by $http (see $http documentation), therefore you can remove it, and use the short syntax:

var request = $http.post(ws_url, data);

with data equals to:

{
    user_email: $scope.email,
    user_password: $scope.password
}

user3778428 · Accepted Answer · 2015-09-16 12:32:10Z

0

Are You Getting this error ??

{"status":false,"error":{"code":"103","message":"Required Parameters not found"}}

If Yes, Its Not your Problem Contact the Web service provider.

Ask him to give the valid parameter

answered Sep 16, 2015 at 12:32

user3778428

Collectives™ on Stack Overflow

Http Post request in Angular JS

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related