如何使用 JavaScript 访问 MVC 模型属性？

在JavaScript中访问MVC模型属性

问题： 如何在JavaScript代码中访问绑定到视图模型的数据？例如，如何在JavaScript中访问FloorPlanSettingsModel的属性？

最初尝试：

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

答案：

要从JavaScript访问MVC模型属性，需要将模型序列化为JavaScript对象。方法如下：

序列化整个模型：

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

序列化特定模型属性：

如果您只需要特定属性，例如FloorPlanSettings，只需编码该属性：

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

现在，您可以使用序列化的JavaScript对象访问属性：

<code class="language-javascript">alert(floorplanSettings.IconsDirectory);  // 访问IconsDirectory属性</code>

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