Javascript를 사용하여 HTTP 요청을 만드는 방법

반응형

언제나 그렇듯이 나는 처음부터 시작한다.

HTTP란?

과거에는 인터넷을 통해 클라이언트와 서버 간에 데이터를 전송하는 표준 방법이 없었기 때문에 HTTP 개발은 1989년 CERN의 Tim Berners-Lee에 의해 시작되었다.

에이잭스란 무엇인가:

 

아약스는 비동기식 자바스크립트와 XML을 의미한다. 그것은 비동기식 웹 애플리케이션을 개발하는 데 사용되는 기술들의 그룹을 가리킨다. 아마도 그것에 대한 일반적인 예는 당신이 새로운 문자를 입력할 때 구글이 제안한 단어이고, 따라서 전체 페이지를 다시 로드하지 않고 제안사항이 바뀐다.

Http 요청/응답:

클라이언트와 서버 간의 통신은 요청과 응답에 의해 수행됩니다.

• 클라이언트(브라우저)가 HTTP 요청을 웹으로 보냅니다.
• 웹 서버가 요청을 수신합니다.
• 서버가 응용 프로그램을 실행하여 요청을 처리합니다.
• 서버가 브라우저에 HTTP 응답(출력)을 반환합니다.
• 클라이언트(브라우저)가 응답을 수신합니다.

저는 Http 요청 방법을 예로 들어 설명하는데, 이 예에서는 사이트에서 이더리움으로 제품 가격을 표시하려고 하는데 이 가격이 계속 변경되기 때문에 Ajax를 사용하여 api url에 비동기 요청을 할 것입니다.

 

먼저 XMLHtpRequest를 만들어야 합니다. 만약 당신이 그것이 무엇인지 묻는다면, 저는 XHR이 웹 브라우저와 웹 서버 사이에서 데이터를 전송하는데 사용되는 자바스크립트 객체라고 말씀드렸습니다.

그 후에 우리는 오픈 방법으로 XHR 인스턴스로 요청을 보낼 수 있다.

XMLHttpRequest.open(method, url[, async[, user[, password]]])
//initializes a newly-created request, or re-initializes an existing
//if asyanc is false so send() method does not return until the response is received.
send() //send request

responseext attrbiute는 일반적으로 요청에 대한 응답을 텍스트로 포함하는 UTF-16으로 해석되는 서명되지 않은 16비트 정수 시퀀스를 반환하거나 요청이 실패했거나 아직 전송되지 않은 경우 null을 반환합니다. 응답은 XMLHtpRequest.responseX에 의해 XML로 반환될 수 있습니다.ML .

 

JSON.parse(text)
//convert text into a JavaScript object

그래서 우리는 우리가 원하는 변수를 잡습니다.