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 중국어 웹사이트의 기타 관련 기사를 참조하세요!