Access C# List inside Javascript

Question

On the server side I create a list

List<object> data = new List<object>();

for (var j = 0; j < items.Count(); j++) 
{ 
    var temp = groups.Where(customfilter); 
    data.Add(Html.Raw(Json.Encode(temp)));
}

System.Web.Script.Serialization.JavaScriptSerializer serializer = new 
    System.Web.Script.Serialization.JavaScriptSerializer(); 

var serializedData = serializer.Serialize(data);

Inside Javascript the folowing won't work for anything but primitive types.

var localData = @data;

This is the error:

System.Collections.Generic.List`1[System.Object]

What am I missing?

Serialize it into JSON and put into template. "What am I missing?" --- the fact, that C# has no idea what is javascript. — zerkms
– zerkms, Commented Aug 21, 2013 at 0:59
I tried that. It gives me something like this : [{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{}]; — icedek
– icedek, Commented Aug 21, 2013 at 1:02
now what you're missing - is that C# doesn't know HOW to serialize Object. — zerkms
– zerkms, Commented Aug 21, 2013 at 1:03
System.Web.Script.Serialization.JavaScriptSerializer serializer = new System.Web.Script.Serialization.JavaScriptSerializer(); var serializedData = serializer.Serialize(data); Won't this do it? — icedek
– icedek, Commented Aug 21, 2013 at 1:04
How would JavaScriptSerializer know what properties Object has? Why don't you use some more specific types? — zerkms
– zerkms, Commented Aug 21, 2013 at 1:04

mkorman · Accepted Answer · 2013-08-21 11:19:18Z

I am assuming that the C# code you posted is a Controller action method.

You would need to have your controller method return a JsonResult, and then use a JSON library to deserialize it.

Something like

public class MyController: Controller
{
    public JsonResult MyAction ()
    {
        var data = new List<object>();
        for (var j = 0; j < items.Count(); j++) 
        { 
            var temp = groups.Where(customfilter); 
            data.Add(temp);
        }
        return Json (data, JsonRequestBehavior.AllowGet);
    }
}

Note how you don't need to serialize every item as you add it to the list.

From the client side, you can call your method and deserialize the result to a list. You can do it like this:

$.ajax ({ url:'/My/MyAction'}).done (function (data) {
    var myList = JSON.parse (data);
});

Edit:

After some testing, I found that you can access the data by doing:

var myList = data;

Not sure why, but "data" is sent directly as an array.

Hope it helps!

Vova Bilyachat · Accepted Answer · 2013-08-21 06:26:05Z

0

First of all check this link http://james.newtonking.com/pages/json-net.aspx

Second

var temp = groups.Where(customfilter).ToList();

If you use where cast it to list or it will be something like Query object *(I dont remember exactly type) Or if you want to select one object try groups.FirstOrDefault

Third

 data.Add(temp);

Serializer will do his job to convert it.

answered Aug 21, 2013 at 6:26

Vova Bilyachat

19.5k4 gold badges60 silver badges88 bronze badges

4 Comments

icedek Over a year ago

I just tried it. I get the same result [{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},‌{},{}]; after serializing. Everything is fine until the point where the serialize() method is called.

Vova Bilyachat Over a year ago

Ok tell me You are selecting one item right? Then give me new part of code where you select data and add to list.

icedek Over a year ago

I am not sure I understand you. I tried the ToList() and there is no change. The problem is I am not able to serialize the JSON.If at all I don't do the Json transformation the serialization happens but again it is flawed and throws syntax errors.

Vova Bilyachat Over a year ago

I am not sure how native serializer works, did you tried json.net ?

Collectives™ on Stack Overflow

Access C# List inside Javascript

2 Answers 2

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related