프로그래밍 언어/HTML,CSS,JS

JavaScript에서 HTTP GET 요청 하는 방법

Rateye 2021. 12. 19. 14:30
728x90
반응형
질문 : JavaScript의 HTTP GET 요청?

JavaScript에서HTTP GET 요청을 수행해야합니다. 그렇게하는 가장 좋은 방법은 무엇입니까?

Mac OS X 대시 코드 위젯에서이 작업을 수행해야합니다.

답변

브라우저 (및 Dashcode)는 JavaScript에서 HTTP 요청을 만드는 데 사용할 수있는 XMLHttpRequest 객체를 제공합니다.

function httpGet(theUrl)
{
    var xmlHttp = new XMLHttpRequest();
    xmlHttp.open( "GET", theUrl, false ); // false for synchronous request
    xmlHttp.send( null );
    return xmlHttp.responseText;
}

그러나 동기 요청은 권장되지 않으며 다음과 같은 경고를 생성합니다.

참고 : Gecko 30.0 (Firefox 30.0 / Thunderbird 30.0 / SeaMonkey 2.27)부터는 사용자 경험에 부정적인 영향을 미치기 때문에 메인 스레드의 동기 요청이 더 이상 사용되지 않습니다.

비동기 요청을 만들고 이벤트 핸들러 내에서 응답을 처리해야합니다.

function httpGetAsync(theUrl, callback)
{
    var xmlHttp = new XMLHttpRequest();
    xmlHttp.onreadystatechange = function() { 
        if (xmlHttp.readyState == 4 && xmlHttp.status == 200)
            callback(xmlHttp.responseText);
    }
    xmlHttp.open("GET", theUrl, true); // true for asynchronous 
    xmlHttp.send(null);
}
출처 : https://stackoverflow.com/questions/247483/http-get-request-in-javascript
728x90
반응형