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

JavaScript での MVC モデル プロパティへのアクセス

MVC アプリケーションでは、モデルはドメイン ロジックとデータをカプセル化しますが、JavaScript からこれらのプロパティにアクセスするのは難しい場合があります。 1 つの方法は、サーバー側モデルを JavaScript オブジェクトに変換することです。

たとえば、次のサーバー側 FloorPlanSettingsModel クラスについて考えてみましょう:

<code class="language-csharp">public class FloorPlanSettingsModel
{
    public int Id { get; set; }
    public int? MainFloorPlanId { get; set; }
    public string ImageDirectory { get; set; }
    public string ThumbnailDirectory { get; set; }
    public string IconsDirectory { get; set; }
}</code>

JavaScript からこれらのプロパティのいずれかにアクセスするには、次の方法に従います:

<code class="language-javascript">var floorplanSettings = @Html.Raw(Json.Encode(Model.FloorPlanSettings));
alert(floorplanSettings.IconsDirectory);</code>

ただし、これにより、複雑なモデルや循環参照で問題が発生する可能性があります。この問題を解決するには、特定のプロパティのみを Json.Encode() に渡すことを検討してください:

<code class="language-javascript">var floorplanSettings = @Html.Raw(Json.Encode(Model.FloorPlanSettings.IconsDirectory));</code>

これは、JavaScript でアクセスできる属性値のシリアル化された文字列表現を返します。

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