JavaScript 如何访问 MVC 模型属性？

在 JavaScript 中访问 MVC 模型属性

本指南演示如何在 JavaScript 代码中访问 MVC 模型的属性。

挑战：

想象一个 MVC 应用程序，其中视图模型封装了一个复杂的模型，例如：

<code class="language-csharp">public class FloorPlanSettingsModel
{
    public int Id { get; set; }
    // ... other properties, including IconsDirectory
}</code>

目标是使用 JavaScript 从该服务器端模型检索特定属性，例如 IconsDirectory。

解决方案：

该过程涉及两个关键步骤：

1. JSON 序列化： 使用 Razor 的 Json.Encode 方法将模型转换为 JavaScript 友好的 JSON 格式：

   <code class="language-javascript">var model = @Html.Raw(Json.Encode(Model)); </code>

   登录后复制

2. 属性访问：序列化后，直接从 JSON 对象访问所需的属性：

   <code class="language-javascript">var floorplanSettings = @Html.Raw(Json.Encode(Model.FloorPlanSettings));
   alert(floorplanSettings.IconsDirectory);</code>

   登录后复制

这种方法允许您的 JavaScript 代码与服务器端 MVC 模型中的数据无缝交互并利用数据。

以上是JavaScript 如何访问 MVC 模型属性？的详细内容。更多信息请关注PHP中文网其他相关文章！