JavaScript로 JSON 응답에서 데이터를 추출하는 방법은 무엇입니까?-JS 튜토리얼-php.cn

JavaScript로 JSON 응답에서 데이터를 추출하는 방법은 무엇입니까?

Barbara Streisand

풀어 주다： 2024-10-28 03:32:02

원래의

508명이 탐색했습니다.

How to extract data from a JSON response in JavaScript?

JavaScript의 URL에서 JSON 응답을 구문 분석하는 방법

많은 웹 서비스가 JSON 형식으로 응답을 제공하므로 JavaScript 애플리케이션과 쉽게 통합됩니다. 그러나 초보자에게는 JSON 응답에서 데이터에 액세스하는 것이 어려울 수 있습니다.

다음 예시 URL을 고려하세요.

http://query.yahooapis.com/v1/publ...

로그인 후 복사

이 URL은 다음과 같이 구성된 JSON 응답을 반환합니다.

{
  query: {
    count: 1,
    created: "2015-12-09T17:12:09Z",
    lang: "en-US",
    diagnostics: {},
    ...
  }
}

로그인 후 복사

이 JSON 응답을 구문 분석하고 JavaScript 개체를 생성하기 위해 여러 옵션을 사용할 수 있습니다.

jQuery의 .getJSON() 함수 사용

jQuery는 가져오기를 위해 .getJSON()이라는 편리한 함수를 제공합니다. URL의 JSON 데이터입니다. URL과 콜백 함수를 지정하면 응답을 처리할 수 있습니다.

$.getJSON('http://query.yahooapis.com/v1/public/yql?q=select%20%2a%20from%20yahoo.finance.quotes%20WHERE%20symbol%3D%27WRC%27&amp;format=json&amp;diagnostics=true&amp;env=store://datatables.org/alltableswithkeys&amp;callback', function(data) {
    // JSON result in `data` variable
});

로그인 후 복사

순수 JavaScript 사용

jQuery의 대안은 순수 JavaScript를 사용하여 JSON 응답을 처리하는 것입니다. XMLHttpRequest 객체를 사용하여 다음 URL에 대한 GET 요청을 할 수 있습니다:

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://query.yahooapis.com/v1/public/yql?q=select%20%2a%20from%20yahoo.finance.quotes%20WHERE%20symbol%3D%27WRC%27&amp;format=json&amp;diagnostics=true&amp;env=store://datatables.org/alltableswithkeys');
xhr.send();

xhr.onload = function() {
    if (xhr.status == 200) {
        var responseObj = JSON.parse(xhr.responseText);
        // JSON result in `responseObj` variable
    }
};

로그인 후 복사

위 내용은 JavaScript로 JSON 응답에서 데이터를 추출하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!