> 웹 프론트엔드 > JS 튜토리얼 > jQuery의 AJAX 또는 $.getJSON을 사용하여 JSON 데이터를 구문 분석하고 표시하는 방법은 무엇입니까?

jQuery의 AJAX 또는 $.getJSON을 사용하여 JSON 데이터를 구문 분석하고 표시하는 방법은 무엇입니까?

Patricia Arquette
풀어 주다: 2024-12-07 21:53:15
원래의
816명이 탐색했습니다.

How to Parse and Display JSON Data Using jQuery's AJAX or $.getJSON?

jQuery/JavaScript로 JSON 데이터 구문 분석

AJAX를 활용하여 JSON 데이터를 검색하는 경우 Content-Type 헤더가 application/json으로 올바르게 설정되었습니다. 그렇지 않은 경우 데이터 유형을 'json'으로 수동으로 지정해야 합니다.

JSON 데이터를 반복하고 div 내의 각 이름을 표시하려면 $.each() 함수를 사용할 수 있습니다.

$.ajax({
  type: "GET",
  url: "http://example/functions.php",
  data: { get_param: "value" },
  dataType: "json",
  success: function (data) {
    $.each(data, function (index, element) {
      $("body").append($("<div>", {
        text: element.name
      }));
    });
  },
});
로그인 후 복사

또는 $.getJSON 메서드를 활용할 수도 있습니다.

$.getJSON("/functions.php", { get_param: "value" }, function (data) {
  $.each(data, function (index, element) {
    $("body").append($("<div>", {
      text: element.name
    }));
  });
});
로그인 후 복사

위 내용은 jQuery의 AJAX 또는 $.getJSON을 사용하여 JSON 데이터를 구문 분석하고 표시하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿