jQuery와 Ajax

# AJAX(Asynchronous JavaScript and XML):

JavaScript를 사용하여 비동기적으로 서버와 데이터를 교환하는 기술

 

 

 

 

 

# Get 요청 

 

$.ajax({
  type: 'GET',
  url: '/example', // 요청할 URL
  success: function(responseData) {
    // 서버로부터 성공적으로 응답을 받았을 때 실행되는 콜백 함수
    // responseData는 서버에서 받은 응답 데이터를 담고 있음
    console.log(responseData); // 예시로 콘솔에 응답 데이터를 출력
  },
  error: function(xhr, status, error) {
    // 요청이 실패했을 때 실행되는 콜백 함수
    console.error('AJAX 요청 실패:', status, error);
  }
});

 

 

 

 

 

# Post 요청

 

// POST 요청 시 서버로 보낼 데이터 객체
var dataToSend = {
  key1: 'value1',
  key2: 'value2'
};

$.ajax({
  type: 'POST',
  url: '/example', // 요청할 URL
  data: JSON.stringify(dataToSend), // 서버로 보낼 데이터 객체를 JSON 문자열로 변환
  contentType: 'application/json', // 서버에 전송할 데이터의 타입을 JSON으로 지정
  success: function(responseData) {
    // 서버로부터 성공적으로 응답을 받았을 때 실행되는 콜백 함수
    // responseData는 서버에서 받은 응답 데이터를 담고 있음
    console.log(responseData); // 예시로 콘솔에 응답 데이터를 출력
  },
  error: function(xhr, status, error) {
    // 요청이 실패했을 때 실행되는 콜백 함수
    console.error('AJAX 요청 실패:', status, error);
  }
});