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 中国語 Web サイトの他の関連記事を参照してください。