javascript - 将 MVC .NET Razor 与 Javascript 结合起来构建数组

Question

我将一个列表从我的 Controller 传递到一个 View ，我希望能够在其中获取模型并循环遍历 JQuery/Javascript 中的结果。我花了很长时间才弄清楚如何做到这一点。

我的 Controller 返回颜色列表。在 View 中，我将 List 转换为数组。然后，我将它传递到我尝试循环遍历它以构建一个可以在 JS 中使用的数组的位置。

<script>
$(document).ready(function () {

    var currentView = sessionStorage.getItem('lastView');
    var jsArr;
    for (i=0; i<@arr.Length; i++) {
        jsArr.push(@arr[i])
    }

    if (!currentView) {
        sessionStorage.setItem('lastView', 0);
        $("body").css("background-image", "url('/Images/Home/@arr[0].Location')");
    } else {

        sessionStorage.setItem('lastView', currentView++);
    }
})
</script>

必须有一种简单的方法来做到这一点......

Answer 1

<script>
$(document).ready(function () {

    var currentView = sessionStorage.getItem('lastView');
    var jsArr = @Html.Raw(Json.Encode(arr)) ;

    if (!currentView) {
        sessionStorage.setItem('lastView', 0);
        $("body").css("background-image", "url('/Images/Home/@Html.Raw(arr[0].Location)')");
    } else {

        sessionStorage.setItem('lastView', currentView++);
    }
})
</script>