jquery - HowTo pass List<T> object to Javascript in MVC? - Stack Overflow

admin管理员组

文章数量:1390775

I wanna do something like that:

 $(document).ready(function () 
{
    calendarGrid.create(@Model.Events)
}

Model.Events is a List.

I tried to use:

• System.Web.Script.Serialization.JavaScriptSerializer.Serialize(@Model.Events)
• JSON.parse(@Model.Events)
• JSON.strigngify(@Model.Events)

nothing helps.

I wanna do something like that:

 $(document).ready(function () 
{
    calendarGrid.create(@Model.Events)
}

Model.Events is a List.

I tried to use:

• System.Web.Script.Serialization.JavaScriptSerializer.Serialize(@Model.Events)
• JSON.parse(@Model.Events)
• JSON.strigngify(@Model.Events)

nothing helps.

• javascript
• jquery
• asp-mvc-3

Share Improve this question Follow asked Apr 15, 2011 at 18:59 iLemmingiLemming 36.4k6161 gold badges198198 silver badges316316 bronze badges 1

• What is the T? Is it serializable? – Jamie Treworgy Commented Apr 15, 2011 at 19:02

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

You need to write code that will serialize your server-side list into code that gets sent to the client. Trye something like this:

calendarGrid.Create(@Html.Raw(JavaScriptSerializer.Serialize(Model.Events)))

The entire contents of @Html.Raw(...) will be emitted to the output.

I've had great success by setting a javascript variable to it, using:

<script>
     var eventList = @(Html.Raw(Json.Encode(Model.Events)));

     $(document).ready(function () {
        calendarGrid.create(eventList);
     });

</script>

From there, you can freely use the eventList variable as a JSON object.

The Trick is the use of Html.Raw to prevent any further encoding from happening

本文标签： jqueryHowTo pass ListltTgt object to Javascript in MVCStack Overflow