如何在jquery中读取ViewBag列表

Question

我有一个列表,我想从我的Controller传递到我的视图,并使用JQuery循环列表.在我的jquery中,我可以看到ViewBag对象但是如何扩展数据以实际使用它？

我的控制器和视图是这样的:

//Controller Index()
var states = GetStatesAvailable();
ViewBag.MyStates = new SelectList(states, "stateID", "Description");
return View();


//View
<script type="text/javascript">
var statesAvailable = "@ViewBag.MyStates";
//Loop through statesAvailable?
</script>

Answer 1

MVC控制器:

   //Controller Index()
    var states = GetStatesAvailable();
    var MyStates = new SelectList(states, "stateID", "Description");
    ViewBag.MyStates = JsonConvert.SerializeObject(MyStates);
    return View(); 

JS:

只需确保在运行该脚本之前加载了jQuery

<script type="text/javascript">
    var statesAvailable = @Html.Raw(ViewBag.MyStates);
    //Loop through statesAvailable

    $.each(statesAvailable, function (value)
    {

        console.log(value);
})