sourcetip

Javascript에서 Razor Model 개체에서 JSON 개체를 가져오는 방법

fileupload 2023. 3. 29. 21:45
반응형

Javascript에서 Razor Model 개체에서 JSON 개체를 가져오는 방법

뷰 모델 오브젝트의 속성은 다음과 같습니다.

  public IList<CollegeInformationDTO> CollegeInformationlist { get; set; }

VIEW에서 javascript는 다음과 같습니다.

   var obj = JSON.stringify('@Model.CollegeInformationlist');
   alert(obj[1].State);  //NOT WORKING, giving string char

      $.each('@Model.CollegeInformationlist', function (i, item) {
    var obj = JSON.stringify(item);
    var r = $.parseJSON(obj);
    alert(r.State);    //just giving undefined.
    });

javascript에서 JSON 오브젝트를 얻을 수 있는 방법을 안내해 주세요.

다음을 사용할 수 있습니다.

var json = @Html.Raw(Json.Encode(@Model.CollegeInformationlist));

이렇게 하면 다음과 같은 출력이 됩니다(모델을 표시하지 않고 한 필드만 포함).

<script>
    var json = [{"State":"a state"}];   
</script>

현용 바이올린

AspNetCore

AspNetCore 사용Json.Serialize의 내부에.Json.Encode

var json = @Html.Raw(Json.Serialize(@Model.CollegeInformationlist));

MVC 5/6

여기에는 Newtonsoft를 사용할 수 있습니다.

    @Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(Model, 
Newtonsoft.Json.Formatting.Indented))

이를 통해 위와 같이 들여쓰기, 카멜케이싱 등과 같은 json 형식을 더 잘 제어할 수 있습니다.

ASP.NET Core의 IJson Helper.Serialize()가 반환IHtmlContent전화 한 통으로 포장할 필요는 없습니다.Html.Raw().

이것은 다음과 같이 간단해야 합니다.

<script>
  var json = @Json.Serialize(Model.CollegeInformationlist);
</script>

사용후코드var json = @Html.Raw(Json.Encode(@Model.CollegeInformationlist));

사용할 필요가 있다JSON.parse(JSON.stringify(json));

개체를 컨트롤러에서 보기로 전달하고 인코딩 없이 마크업으로 변환한 다음 json으로 구문 분석합니다.

@model IEnumerable<CollegeInformationDTO>

@section Scripts{
    <script>
          var jsArray = JSON.parse('@Html.Raw(Json.Encode(@Model))');
    </script>
}

모델의 json 객체를 다음과 같이 만듭니다.

  foreach (var item in Persons)
   {
    var jsonObj=["FirstName":"@item.FirstName"]
   }

또는 Json을 사용합니다.모델에서 json을 만들려면 Net:

string json = JsonConvert.SerializeObject(person);

다음 코드가 작동했습니다.

var chartD =  JSON.parse(JSON.stringify([@Json.Serialize(@Model)]));

언급URL : https://stackoverflow.com/questions/26344089/how-to-get-json-object-from-razor-model-object-in-javascript

반응형