AngularJS WebAPI $http.get Object values are Null

Question

I am relatively new to WebAPI/AngularJS and am having a problem passing an object using $http.get() to a WebAPI controller from an AngularJS controller.

AngularJS Controller Code:

$http.get('api/Employee/GetVacancyStatus?emp='+thisData[0])
.then(function (response, success) {
    if (response.data == false){
        alert("cube/office occupied");
    }
    else // continue with employee move
    {
        do some stuff...
    }
}, function (response, error) {
   alert(response);
});

Web Api Controller Code:

 [System.Web.Http.HttpGet, System.Web.Http.ActionName("GetVacancyStatus")]
    public bool GetVacancyStatus([FromUri] employee emp)
    {
        //return repository.GetVacStatus(moveQuery);
        return false;
    }

When I debug the code, the object appears to be populated in the AngularJS Controller (at least from looking at my Chrome developer tools):

On the other hand, when execution hits the WebAPI controller, it seems that the object is uninitialized and I can't determine what I am doing wrong.

I do have an $http.put() that seems to be working passing an object like this:

 $http.put('api/Employee/PutEmployee', emp)

Thanks in advance for any assistance.

You cannot pass object through URL. You can pass only string. — kat1330
– kat1330, Commented Mar 2, 2017 at 20:57
You should probably just be passing the id of the employee. Are the other properties necessary for knowing the vacancy status? In addition they are values coming from client-side, so you can't trust them to be correct anyway. — juunas
– juunas, Commented Mar 2, 2017 at 21:07

Josh M · Accepted Answer · 2017-03-02 21:24:28Z

2

Each property of the employee object you want to pass in has to be a separate query parameter. You have to do the following in your javascript:

$http.get('api/Employee/GetVacancyStatus?Id='+thisData[0].Id + '&fName=' + thisData[0].fName)

You don't have to change your controller with this method.

answered Mar 2, 2017 at 21:24

Josh M

917 bronze badges

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

Collectives™ on Stack Overflow

AngularJS WebAPI $http.get Object values are Null

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related