如何從 JavaScript 存取 MVC 模型屬性（例如 IconsDirectory）？

從 JavaScript 存取 MVC 模型屬性：實用指南

本文解決了在 JavaScript 程式碼中存取 MVC 模型屬性的常見問題。 我們將重點放在從 FloorPlanSettingsModel 類別檢索數據，特別是 IconsDirectory 屬性，如果處理不當，它通常會返回「未定義」。

解決方案在於正確地將伺服器端模型轉換為可用的 JavaScript 物件。 主要有兩種方法：

方法一：轉換整個模型

此方法將整個 MVC 模型轉換為 JavaScript 對象，並授予對其所有屬性的存取權。 在 JavaScript 中使用以下程式碼：

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

這一行使用 Razor 語法（@Html.Raw 和 Json.Encode）將模型序列化為 JSON 字串，然後將其解析為 JavaScript 物件。 然後您可以像這樣訪問 IconsDirectory：

alert(model.FloorPlanSettings.IconsDirectory);

方法二：轉換特定屬性

為了提高效率，如果只需要FloorPlanSettings屬性，直接只轉換模型的那部分：

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

這種方法更集中，避免了不必要的資料傳輸。 訪問 IconsDirectory 就很簡單了：

alert(floorplanSettings.IconsDirectory);

兩種方法都利用 Json.Encode 確保正確的 JSON 序列化，從而實現與 JavaScript 的無縫整合。 透過採用這些技術中的任何一種，開發人員都可以在 JavaScript 程式碼中有效地存取和操作 MVC 模型屬性，從而獲得更動態且響應更快的使用者介面。

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