>웹 프론트엔드 >JS 튜토리얼 >JavaScript의 URL에서 JSON 데이터를 검색하는 방법은 무엇입니까?

JavaScript의 URL에서 JSON 데이터를 검색하는 방법은 무엇입니까?

Mary-Kate Olsen
Mary-Kate Olsen원래의
2024-10-29 05:39:30798검색

How to Retrieve JSON Data from a URL in JavaScript?

JavaScript의 URL에서 JSON 데이터 검색

문제 이해

제공된 URL이 JSON 데이터를 반환하지만 시도가 readJsonFromUrl을 사용하여 검색하는 데 실패했습니다. 목표는 JSON 응답을 나타내는 JavaScript 개체를 얻는 것입니다.

jQuery를 사용한 솔루션

JavaScript에서 JSON 데이터를 검색하는 효율적인 방법 중 하나는 jQuery $를 사용하는 것입니다. getJSON() 함수:

<code class="javascript">$.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) {
    // Access the JSON data in the `data` variable
});</code>

대체 순수 JavaScript 솔루션

jQuery를 사용하지 않으려면 다음 순수 JavaScript 솔루션을 고려하세요.

<code class="javascript">var request = new XMLHttpRequest();
request.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&amp;callback');
request.onreadystatechange = function() {
    if (request.readyState == 4 && request.status == 200) {
        var data = JSON.parse(request.responseText);
        // Access the JSON data in the `data` variable
    }
};
request.send();</code>

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.