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.

Answer 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); 
     });

Answer 2

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

Answer 3

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' }
        });
}