[jQuery] JSONP와 HTTP 요청 메소드

22 Dec 2023

jQuery

이번 글에서는 JSONP와 HTTP 요청 메소드에 대해 알아보겠습니다. 먼저, JSONP에 대해 간단히 살펴보고, 그 다음으로 HTTP 요청 메소드를 살펴보겠습니다.

JSONP (JSON with Padding)

JSONP는 JSON with Padding의 약어로, 웹 페이지에서 다른 도메인으로 부터 데이터를 요청할 때 발생하는 Same-origin policy에 대한 제약을 우회하기 위한 방법 중 하나입니다. 보통 script 태그를 이용하여 외부 도메인으로부터 JSON 데이터를 요청합니다. JSONP는 서버가 JSON 데이터를 패딩된 형식으로 응답하고, 이를 받아오는 클라이언트는 JavaScript 코드로 처리합니다.

예를 들어, JSONP 요청은 아래와 같이 구성될 수 있습니다.

$.ajax({
  url: 'https://external-domain.com/data.json',
  dataType: 'jsonp',
  success: function(data) {
    // Handle the JSON data here
  }
});

HTTP 요청 메소드

HTTP 요청 메소드는 클라이언트가 서버로부터 리소스를 요청할 때 사용되는 메소드를 말합니다.

가장 일반적인 HTTP 요청 메소드는 다음과 같습니다.

GET: 리소스를 요청할 때 사용됩니다.
POST: 새로운 데이터를 전송할 때 사용됩니다.
PUT: 해당 URI에 새로운 데이터를 저장합니다.
DELETE: 해당 리소스를 삭제합니다.

아래는 간단한 GET 요청 예제입니다.

$.ajax({
  url: 'https://api.example.com/data',
  type: 'GET',
  success: function(data) {
    // Handle the response data
  }
});

마치며

JSONP와 HTTP 요청 메소드에 대해 간단히 알아보았습니다. JSONP는 외부 도메인으로부터 데이터를 요청할 때 Same-origin policy를 우회하는 기법으로, HTTP 요청 메소드는 클라이언트가 서버로부터 리소스를 요청할 때 사용되는 메소드에 대한 것입니다.

더 많은 정보는 아래 참고자료를 참고하세요.

참고자료

부동산 든든하게 구매 link