pass $scope.object in $http.get() method to asp.net web api

Question

I'm doing my first angularsjs-asp.net web api project. I am trying to send a $scope.user object to asp.net web api as follows-

AngularJS controller code-

    $scope.user = {};
    $scope.navbarCollapsed = true;
    $scope.save = function () {
          $http.get('/api/Login', $scope.user).
             success(function (data, status, headers, config) {
                 $window.location.href = 'app/views/dashboard.html';

             }).
             error(function (data, status, headers, config) {
             alert(status);    
      });      
}

ASP.NET web API code:

public class LoginController : ApiController
{
    public HttpResponseMessage get( LoginUser user) //user is shown null
    {

    }
}

user is shown null in server side. Any help?

UPDATE----------------

public class LoginUser
{
    public String LoginName { get; set; }

    public String LoginPassword { get; set; }
}

What fields $scope.user has? What fields LoginUser has ? — Ofiris
– Ofiris, Commented Nov 3, 2014 at 10:07
if your trying to send a object to server best thing is to do is the POST method. — Kalhan
– Kalhan, Commented Nov 3, 2014 at 10:08
Fast fix (not the best solution): encode to json your $scope.user JSON.parse($scope.user); In code behind use public HttpResponseMessage get( String user) {LoginUser decodeuser = JsonConvert.DeserializeObject<LoginUser>(user)} — SilentTremor
– SilentTremor, Commented Nov 3, 2014 at 10:09

boindiil · Accepted Answer · 2014-11-03 10:21:53Z

3

As complex data to WebApi is normally send in the request body, you have to specify that the information is encoded in the url:

public HttpResponseMessage get([FromUri]LoginUser user)
{

}

and send the user as follows:

$http.get('/api/Login',
    {
        'params': $scope.user
    });

But as your are sending login information I would recommend to switch to another HTTP verb like POST

UPDATE

Here is an example for the POST verb:

public HttpResponseMessage post(LoginUser user)
{

}

$http.post('/api/Login', $scope.user);

edited Nov 3, 2014 at 10:21

answered Nov 3, 2014 at 10:09

boindiil

5,8652 gold badges31 silver badges31 bronze badges

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

1 Comment

s.k.paul Over a year ago

Now it's working. Great. As you suggested, would you please post an example with POST verb? I am very new to web api world. Thanks.

Collectives™ on Stack Overflow

pass $scope.object in $http.get() method to asp.net web api

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related