How to get a <list> from mvc controller to view using jquery ajax

Question

I need to get a list from mvc controller to view using jquery ajax. But I get [object Object].

Ajax code

        $.ajax({
            type: 'POST',
            contentType: 'application/json; charset=utf-8',
            url: '/Home/getList',                        
            success: function (data) {
                debugger;
                $scope.StuList = data;
                alert(data);                                
            }
        });

In Controller

    public JsonResult getList()
    {
       Models.clsSave obj = new Models.clsSave();    
       var list = new List<Model>();
       list= obj.getList();
       return Json(list,JsonRequestBehavior.AllowGet);
    }

Instead of alert(data) use console.dir(data) and look in the browser console window. The alert window will only give you a type (in this case object) unless it's a simple type (string/int etc). — fdomn-m
– fdomn-m, Commented Sep 18, 2015 at 10:27
The answer is that you are already getting the data as a list, but looking at it incorrectly. — fdomn-m
– fdomn-m, Commented Sep 18, 2015 at 10:34

Libin C Jacob · Accepted Answer · 2015-09-18 10:34:41Z

1

If you are getting [Object,Object] means it contains the data. You just Iterate it on the success function of your $.ajax as shown below

success: function (data) {
$.each(data.items, function(item) {
            alert('id :'item.id +' Name:'+item.sname);
            });
}

All the best

answered Sep 18, 2015 at 10:34

Libin C Jacob

1,1381 gold badge13 silver badges38 bronze badges

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

1 Comment

Sajith Sageer Over a year ago

$.each(data, function (i, item) This is whats worked for me.

Vicky Gonsalves · Accepted Answer · 2015-09-18 10:28:07Z

0

You are getting an Object from ajax response to view that in alert try to stingify your object: alert(JSON.stringify(data))

answered Sep 18, 2015 at 10:28

Vicky Gonsalves

11.8k3 gold badges39 silver badges58 bronze badges

Comments

Mox Shah · Accepted Answer · 2015-09-18 10:38:19Z

0

I need to get a list from mvc controller to view using jquery ajax. But I get [object Object].

that means you're getting correct data list

how will I store it in $scope.StuList

You can just assign that data to $scope.StuList.

$scope.StuList = data;

Just to verify your data, put it in iteration

$.each($scope.StuList,function(i,v){
  alert(v.sname);
});

You should get the correct data.

Or you can also put it in console, and verify yourself.

console.log($scope.StuList)

Hope this will help, or let me know if you still facing any issue.

answered Sep 18, 2015 at 10:38

Mox Shah

3,0153 gold badges29 silver badges44 bronze badges

Collectives™ on Stack Overflow

How to get a <list> from mvc controller to view using jquery ajax

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related