MVC5 將值列表傳遞給 jquery var

Question

這可能是一個初學者的問題，但我只能找到相反的方式（從視圖返回到控制器）。

我擁有的是一個 ViewModel，它包含以下屬性：

public class MyViewModel {
    List<decimal> PossibleValues {get; set; }
}

我現在想在我的視圖中使用 jquery 變量中的值列表：

@model MyViewModel

<script>
    $(function() {

        var vals = @Model.PossibleValues;
        // should be var vals = [1.0, 2.0, 3.0];

    });
</script>

將此小數列表傳遞到 jquery 部分的“正確”方法是什么。 我可以考慮 JSONfying 數據或簡單地傳遞一串預先格式化的值，但我想知道是否有更好的方法來做到這一點？

Answer 1

我不會簡單地將 JavaScript 混合到您的 cshtml 文件中，因為它很容易變得一團糟，它還取決於 model 中的數據類型，一種方法是僅使用 cshtml 中的變量腳本部分中的頁面，然后調用另一個位於另一個地方的腳本，因此將內容（HTML 和 JS）彼此分開。

根據您想要的數據類型，您可以執行以下操作：

<script type="text/javascript">
    var vals = @Html.Raw(Json.Encode(Model.PossibleValues));
</script>

<script type="text/javascript" src="@Url.Content("~/rootFolder/js/yourjsfile.js")"></script>

您也可以 go 到您的瀏覽器控制台並輸入 vals，您也可以只嘗試 Json.Encode 並查看結果，或者只嘗試 Z3135F4019BEE015E2D1ZAE7F77F9F3 來查看您的數據的結果。