如何从 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中文网其他相关文章！