[javascript] 자바스크립트 JAX 호출 방법

11 Dec 2023

javascript

JAX(JavaScript 대 조상)는 자바스크립트로 AJAX 요청을 처리하는 간단하면서도 강력한 라이브러리입니다. JAX를 사용하면 웹 애플리케이션에서 서버 측 데이터를 비동기적으로 가져오고 업데이트할 수 있습니다.

JAX 호출 방법

JAX를 사용하여 서버의 데이터를 가져오려면 다음 단계를 따릅니다.

XMLHttpRequest 객체 생성: JAX를 사용하여 서버에 요청을 보내려면 XMLHttpRequest 객체를 생성해야 합니다.
```
var xhr = new XMLHttpRequest();
```
요청 설정: open 메서드를 사용하여 요청을 초기화하고, 필요에 따라 setRequestHeader 메서드를 사용하여 요청 헤더를 설정합니다.
```
xhr.open('GET', 'https://example.com/data', true);
xhr.setRequestHeader('Content-Type', 'application/json');
```
요청 전송: send 메서드를 사용하여 요청을 서버로 보냅니다.
```
xhr.send();
```

요청 처리: 서버로부터 응답을 받으면 onload 이벤트 핸들러를 사용하여 응답을 처리합니다.

xhr.onload = function() {
    if (xhr.status === 200) {
        // 요청이 성공한 경우 응답 처리
        var data = JSON.parse(xhr.responseText);
        console.log(data);
    } else {
        // 오류 처리
        console.error('요청 실패');
    }
};

예시

다음은 JAX를 사용하여 서버에서 데이터를 가져오는 간단한 예시 코드입니다.

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/data', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send();

xhr.onload = function() {
    if (xhr.status === 200) {
        var data = JSON.parse(xhr.responseText);
        console.log(data);
    } else {
        console.error('요청 실패');
    }
};

JAX를 활용하면 비동기적으로 서버와 통신하는 웹 애플리케이션을 구축할 수 있습니다.

참고 자료: