如何使用 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中文網其他相關文章！