JavaScript에서 MVC 모델 속성에 어떻게 액세스할 수 있나요?

JavaScript에서 MVC 모델 속성에 액세스

MVC 애플리케이션에서 모델은 도메인 논리와 데이터를 캡슐화하지만 JavaScript에서 이러한 속성에 액세스하는 것은 어려울 수 있습니다. 한 가지 방법은 서버측 모델을 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!