Passing params from AngularJS to C# Controller

Question

I've tried researching this but I can't find anything anywhere that's helpful or any relevant answers.

For my angular controller I have:

app.controller('AdminCtrl', function ($scope, $http) {
$scope.data = {
    Name: '',
    Password: ''
},
$scope.login = function (data) {
    $http({
        method: 'POST',
        url: '/login/postlogin',
        data: JSON.stringify({
            data: $scope.data
        }),
        contentType: "application/json",
        dataType: "json"
    }).success(function (data) {
        alert('success!');
    }).error(function (error) {
        alert(error.message);
    })
}
});

For my c# controller I have a very basic setup:

    [HttpPost]
    public string PostLogin(string data) {          
        return string.Empty;
    }

My issue is that inside of the c# controller, data is always null. Does anyone know how to pass the name and password params over to the c# controller? I know for a fact that I am recieving values for them from my textboxes that I have. I am also recieving the success message/alert.Thanks!

possible duplicate of How to post an object to WebAPI. and there are many more answers here on SO. use the search function. — Nasreddine
– Nasreddine, Commented Jul 19, 2015 at 22:40
seems like you are reading jQuery ajax docs to use $http and not reading angular docs — charlietfl
– charlietfl, Commented Jul 19, 2015 at 22:40
@Nasreddine I took a look at that document before I posted here but it didn't really help me with what I am trying to do. After taking a look at the posted answers along with the other question I am getting closer to what I am trying to accomplish though. — lightningfire
– lightningfire, Commented Jul 20, 2015 at 14:53

trees_are_great · Accepted Answer · 2015-07-22 08:17:22Z

3

Data is not a string. In c# make an object with Name and Password as properties and have this:

[HttpPost]
public string PostLogin(Data data) {

Edit in response to comment: Yes you need to include the namespace that Data is in in your controller. You could try putting the Data object directly above.

 public class Data
    {
        public string Name { get; set; }
        public string Password { get; set; }
    }

For clarity, data should not be stringified, instead just sent as data: data

edited Jul 22, 2015 at 8:17

answered Jul 19, 2015 at 22:39

trees_are_great

3,9113 gold badges34 silver badges66 bronze badges

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

4 Comments

lightningfire Over a year ago

I am trying to use the (Data data) but it keeps telling me that Data could not be found. Is there a namespace that I'm missing? I have successfully gotten it to work with the solution HaudurHaf posted, but I am wanting to pass it as an object since there could potentially be several params that I could be passing in here. When I use the generic (Object data) nothing comes through.

trees_are_great Over a year ago

Glad you have it working, but yes good idea to pass objects. Hopefully that edit helps. You won't want to stringify it - will edit answer to make this clear in a bit.

lightningfire Over a year ago

Thanks for the edit! That worked perfectly. I appreciate the help! If I could I'd give you a +1.

trees_are_great Over a year ago

Thanks. I have already voted your question up; someone was mean and had downvoted it before me.

HaukurHaf · Accepted Answer · 2015-07-19 22:40:00Z

1

Just send $scope.data directly, dont stringify it. Then modify your PostLogin method so it accepts two strings, one called Name and one called Password.

answered Jul 19, 2015 at 22:40

HaukurHaf

13.9k6 gold badges47 silver badges62 bronze badges

Collectives™ on Stack Overflow

Passing params from AngularJS to C# Controller

2 Answers 2

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related