close

AJAX 및 jQuery- 요청 및 데이터 상호 작용 처리

AJAX(Asynchronous JavaScript and XML)는 전체 웹 페이지를 다시 로드할 필요 없이 브라우저와 서버 간에 통신 및 데이터 교환을 허용하는 기술입니다. jQuery는 AJAX 요청을 수행하는 편리한 방법과 기능을 제공합니다. 다음은 jQuery와 함께 AJAX를 사용하는 몇 가지 예입니다.

 

$.ajax() 방법

이 $.ajax() 방법은 서버에 AJAX 요청을 할 수 있는 다목적 방법입니다. URL 지정, 요청 방법(GET, POST 등), 성공 및 오류 콜백 처리 등과 같이 요청을 사용자 정의할 수 있는 다양한 옵션을 제공합니다. AJAX 요청에 대한 세밀한 제어가 필요할 때 이 방법을 사용할 수 있습니다.

$.ajax({  
  url: "data.php",  
  method: "GET",  
  success: function(response) {  
    // Handle successful response data  
  },  
  error: function(xhr, status, error) {  
    // Handle error occurred  
  }  
});

 

$.get() 방법

이 $.get() 메서드는 서버에 GET 요청을 하기 위한 속기 메서드입니다. 요청 방법을 GET으로 자동 설정하고 성공 콜백을 처리하여 프로세스를 단순화합니다. 에서 데이터를 검색하기만 하면 되는 경우 이 방법을 사용할 수 있습니다.

$.get("data.php", function(response) {  
  // Handle successful response data  
});

 

$.post() 방법

이 $.post() 방법은 와 유사 $.get() 하지만 특히 서버에 POST 요청을 보냅니다. 이를 통해 요청과 함께 데이터를 전달할 수 있으며, 이는 양식 데이터 또는 기타 매개변수를 서버로 보내려는 경우에 유용합니다.

$.post("save.php", { name: "John", age: 30 }, function(response) {  
  // Handle successful response data  
});

 

$.getJSON() 방법

이 $.getJSON() 메소드는 서버에서 JSON 데이터를 검색하는 데 사용됩니다. 요청 방법을 자동으로 GET으로 설정하고 서버가 JSON 응답을 반환할 것으로 예상하는 속기 방법입니다. JSON 데이터 검색 및 작업 프로세스를 단순화합니다.

$.getJSON("data.json", function(data) {  
  // Handle successful JSON response data  
});

 

$.ajaxSetup() 방법

이 $.ajaxSetup() 방법을 사용하면 향후 모든 AJAX 요청에 대한 기본 설정을 구성할 수 있습니다. 예를 들어 기본 헤더를 설정하거나 데이터 유형을 지정하거나 인증 옵션을 구성할 수 있습니다. 이 방법은 여러 AJAX 요청에 적용되는 공통 옵션을 설정하려는 경우에 유용합니다.

$.ajaxSetup({  
  headers: { "Authorization": "Bearer token" }  
});

 

$.ajaxPrefilter() 방법

이 $.ajaxPrefilter() 메서드는 AJAX 요청을 보내기 전에 수정하는 데 사용됩니다. AJAX 요청의 옵션을 사전 처리하고 필요에 따라 수정할 수 있습니다. 이는 사용자 지정 헤더를 추가하거나 데이터를 조작하거나 요청을 가로채는 데 유용할 수 있습니다.

$.ajaxPrefilter(function(options, originalOptions, xhr) {  
  // Preprocess before sending AJAX request  
});

 

이러한 메서드는 jQuery에서 AJAX 요청을 사용하는 다양한 방법을 제공합니다. 특정 요구 사항에 따라 필요에 가장 적합한 방법을 선택할 수 있습니다. jQuery는 AJAX 요청을 만들고 응답을 처리하는 프로세스를 단순화하여 동적 및 대화형 웹 애플리케이션을 만들 수 있도록 합니다.