javascript - 如何使用模型列表打印 javascript 数组

Question

使用 asp .net mvc5，如何在 javascript 中恢复模型？这是我的代码

Ctrl:

public ActionResult Test() {

    var data = List<string>() {
        "test",
        "essai"
    };

    return View(data); 
}

查看:

@model ...

@section scripts {
    <script src="~/Scripts/Parametre/DatePublication.js"></script>
}

部分 Js:

$(document).ready(function () {
    console.log(@Model);
});

未找到部分Js中的@Model。

Answer 1

Model 将仅在可以执行服务器代码的 razor View 中工作。如果您希望将其作为外部 javascript 文件中的 javascript 数组，您可以将其读取到 razor View 中的 js 数组变量，稍后在其他脚本中使用它

 <script>
     var myArray = @Html.Raw(JsonConvert.SerializeObject(Model))
     console.log(myArray);
 </script>
 <script src="ExternalJsFile.js"></script>

您现在可以在 ExternalJsFile.js 中访问 myArray。

通过简单的全局变量传递数据并不是一个好主意。它们很容易被覆盖。(如果您加载的某些第三方插件脚本也使用相同的变量名怎么办？)因此您应该考虑命名空间以确保数据安全。

例如，

 <script>
     var myApp = myApp || {};  
     myApp.pageData = myApp.pageData || {};
     myApp.pageData.model = @Html.Raw(JsonConvert.SerializeObject(Model));
 </script>
 <script src="ExternalJsFile.js"></script>

现在在 externalJs 文件中，您可以像 console.log(myApp.pageData.model) 一样访问它