如何從 JavaScript 存取 ASP.NET MVC 模型屬性？

在 JavaScript 中存取 ASP.NET MVC 模型資料

在 ASP.NET MVC 中，JavaScript 無法直接存取模型屬性。 要在 JavaScript 程式碼中使用模型數據，您必須先將其序列化為 JavaScript 物件。

範例：

假設我們有一個 MVC 模型：

<code class="language-csharp">public class MyModel
{
    public int MyId { get; set; }
    public string MyString { get; set; }
    public bool MyBoolean { get; set; }
}</code>

要在 JavaScript 中存取 MyString，請按照以下步驟操作：

1. 序列化模型： 在 Razor 視圖中使用 Json.Encode 將模型轉換為 JSON 字串。 然後可以使用該字串建立 JavaScript 物件。

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

2. 存取屬性：模型可用作 JavaScript 物件後，您就可以存取其屬性：

   <code class="language-javascript">alert(myModel.MyString);</code>

或者，如果您只需要模型的特定屬性或子集，則可以僅序列化該部分：

<code class="language-csharp">   <script>
       var myStringProperty = @Html.Raw(Json.Encode(Model.MyString));
   </script></code>

<code class="language-javascript">   alert(myStringProperty);</code>

這種方法可確保將伺服器端模型資料無縫整合到客戶端 JavaScript 功能中。 請記住在 JavaScript 程式碼中適當處理潛在的 null 值。

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