Unable to send data to web api methods using angularjs

Question

Hi I am developing one application using web api2 and angularjs. Finding hard time to send data to web api methods. I am having problem to send data as objects n PUT and POST methods. In delete and getbyid methods i am able to send single parameter but i am not able to send data as object. I am receiving null as below.

I am calling as below using angularjs.

this.saveSubscriber = function (sub) {
        return $http({
            method: 'post',
            data: sub,
            url: '/NCT_Users/',
          // contentType: "application/json"
            headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
        });
    }

If i comment header and uncomment contentType in above code I am getting totally null object as below.

May i know why i am not able to bind object to model? Any help would be appreciated. Thank you.

make sure that your sub in your JS has the same properties that the parameter NCT_UserRegistration...also try to pass data: JSON.stringify(sub) — Elmer Dantas
– Elmer Dantas, Commented Jan 24, 2017 at 13:23
Have u tried using headers: { 'Content-Type': 'application/json' },? — Vivek Athalye
– Vivek Athalye, Commented Jan 24, 2017 at 13:42

Bhargav Rao · Accepted Answer · 2017-01-25 13:00:17Z

1

var person = {firstName:"John", lastName:"Doe", age:46};

$http.post('url', person)
       .success(function (response){
            alert(response);
           });

accesstoken is defined variable.you can define your variables to pass it to server

var person = {
               firstName:"John", 
               lastName:"Doe", 
               age:46
             };

$http.post('url', person)
     .success(function (response) { 
         alert(response); 
     });

edited Jan 25, 2017 at 13:00

Bhargav Rao

52.6k29 gold badges130 silver badges142 bronze badges

answered Jan 24, 2017 at 13:15

MILJO JOHN

362 bronze badges

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

2 Comments

Niranjan Godbole Over a year ago

access_token is not defined.

Niranjan Godbole Over a year ago

Hi I am able to recieve data in server. I have posted screenshot. May i know what I am missing?

Elmer Dantas · Accepted Answer · 2017-01-24 13:48:36Z

1

try this way.

var sub = {
             User_CreatedDate: "", 
             UserEmailId: "", 
             User_Id: "", 
             User_MobileNum: "", 
             User_Name: "", 
             User_Password: "", 
             User_Role: "", 
             User_Status: "", 
             User_UpdateDate: ""
          };

    $http.post('/NCT_Users/', sub).success(function (response) { alert(response); });

the fields are filled by you

edited Jan 24, 2017 at 13:48

answered Jan 24, 2017 at 13:32

Elmer Dantas

4,8895 gold badges33 silver badges39 bronze badges

Comments

Iulian · Accepted Answer · 2017-01-24 13:40:33Z

0

It happens like this because you are sending an JS Object via an 'application/x-www-form-urlencoded' header. You have to send the data as parameters, try this updated function:

this.saveSubscriber = function (sub) {
        return $http({
            method: 'POST',
            data: $.param(sub),
            url: '/NCT_Users/',
            headers : { 'Content-Type': 'application/x-www-form-urlencoded' }
        });
}

answered Jan 24, 2017 at 13:40

Iulian

1,16611 silver badges19 bronze badges

Collectives™ on Stack Overflow

Unable to send data to web api methods using angularjs

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related