[javascript] jQuery로 AJAX 요청 보내기
웹 개발에서 AJAX는 페이지를 새로 고치지 않고 서버로부터 데이터를 가져오는 기술을 말합니다. jQuery는 AJAX 요청을 보내는데 매우 편리한 도구입니다.
jQuery 라이브러리 포함
먼저, HTML 문서 <head> 태그 안에 jQuery 라이브러리를 포함해야 합니다.
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
AJAX 요청 보내기
다음으로, jQuery를 사용하여 AJAX 요청을 보내는 방법을 살펴보겠습니다.
$(document).ready(function() {
$.ajax({
url: '서버주소', // 요청을 보낼 서버 주소
method: 'GET', // 요청 메서드 (GET, POST, PUT, DELETE 등)
data: { key1: 'value1', key2: 'value2' }, // 요청 시 함께 보낼 데이터
dataType: 'json', // 받고자 하는 응답의 데이터 형식 (예: 'json', 'xml', 'text' 등)
success: function(response) {
// 성공적으로 응답을 받았을 때 실행할 코드
console.log(response);
},
error: function(xhr, status, error) {
// 요청에 실패했을 때 실행할 코드
console.error(status);
}
});
});
요약
jQuery를 사용하여 AJAX 요청을 보내기 위해서는 먼저 jQuery 라이브러리를 포함하고, $.ajax() 함수를 사용하여 요청을 보내면 됩니다.
이렇게 함으로써, jQuery를 이용해 간편하게 AJAX 요청을 보낼 수 있습니다.