JavaScript から ASP.NET MVC モデルのプロパティにアクセスするにはどうすればよいですか?

JavaScript での ASP.NET MVC モデル データへのアクセス

ASP.NET MVC では、JavaScript はモデルのプロパティに直接アクセスできません。 JavaScript コード内でモデル データを使用するには、まずモデル データを JavaScript オブジェクトにシリアル化する必要があります。

例:

MVC モデルがあるとしましょう:

public class MyModel
{
    public int MyId { get; set; }
    public string MyString { get; set; }
    public bool MyBoolean { get; set; }
}

JavaScript で MyString にアクセスするには、次の手順に従います:

1. モデルをシリアル化します: Razor ビュー内で Json.Encode を使用して、モデルを JSON 文字列に変換します。 この文字列を使用して JavaScript オブジェクトを作成できます。

   <script>
       var myModel = @Html.Raw(Json.Encode(Model));
   </script>

2. プロパティへのアクセス: モデルが JavaScript オブジェクトとして利用可能になったら、そのプロパティにアクセスできます:

   alert(myModel.MyString);

また、モデルの特定のプロパティまたはサブセットのみが必要な場合は、その部分だけをシリアル化することもできます。

   <script>
       var myStringProperty = @Html.Raw(Json.Encode(Model.MyString));
   </script>

   alert(myStringProperty);

このアプローチにより、サーバー側のモデル データをクライアント側の JavaScript 機能にシームレスに統合できます。 JavaScript コードでは、潜在的な null 値を適切に処理してください。

以上がJavaScript から ASP.NET MVC モデルのプロパティにアクセスするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。