jquery - 如何在jquery中读取ViewBag列表

Question

我有一个列表，我想将其从 Controller 传递到 View ，并使用 JQuery 循环遍历该列表。在我的 jquery 中，我可以看到 ViewBag 对象，但如何扩展数据以实际使用它？

我的 Controller 和 View 是这样的:

//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 :

   //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);
})