JavaScript 如何存取 MVC 模型屬性？

在 JavaScript 中存取 MVC 模型屬性

本指南示範如何在 JavaScript 程式碼中存取 MVC 模型的屬性。

挑戰：

想像一個 MVC 應用程序，其中視圖模型封裝了一個複雜的模型，例如：

public class FloorPlanSettingsModel
{
    public int Id { get; set; }
    // ... other properties, including IconsDirectory
}

目標是使用 JavaScript 從該伺服器端模型檢索特定屬性，例如 IconsDirectory。

解：

過程涉及兩個關鍵步驟：

1. JSON 序列化： 使用 Razor 的 Json.Encode 方法將模型轉換為 JavaScript 友善的 JSON 格式：

   var model = @Html.Raw(Json.Encode(Model)); 

2. 屬性存取：序列化後，直接從 JSON 物件存取所需的屬性：

   var floorplanSettings = @Html.Raw(Json.Encode(Model.FloorPlanSettings));
   alert(floorplanSettings.IconsDirectory);

   這種方法允許您的 JavaScript 程式碼與伺服器端 MVC 模型中的資料無縫互動並利用資料。

   以上是JavaScript 如何存取 MVC 模型屬性？的詳細內容。更多資訊請關注PHP中文網其他相關文章！