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