jQuery에서 PUT/DELETE/HEAD/PATCH 요청을 보내는 방법

jQuery는 웹 개발과 관련된 광범위한 작업을 단순화하는 빠르고 작으며 기능이 풍부한 JavaScript 라이브러리입니다. 이는 종종 "적게 쓰고, 더 많이 하기"로 설명됩니다. 라이브러리입니다. 즉, 일반적인 JavaScript 작업을 간결하고 사용하기 쉬운 함수로 래핑합니다.

jQuery 메소드 .get() 및 .post()는 GET 및 POST HTTP 요청을 수행하는 데 사용될 수 있지만 < /span> 메소드는 지원되지 않습니다. 이 튜토리얼에서는 jQuery에서 PUT/DELETE/HEAD/PATCH 요청을 보내는 방법을 배웁니다. 또는 .put(), .delete().patch()

jQuery .ajax() 메소드를 사용하여 PUT/DELETE/HEAD/PATCH 요청 만들기

.ajax()jQuery의 함수는 모든 종류의 HTTP 요청을 보내는 데 사용할 수 있습니다. 이 방법을 사용하면 요청 유형을 정의할 수 있습니다.

type 속성은 요청에 사용할 HTTP 메소드입니다(예: "POST", "GET", "PUT").

HTTP의 경우 DELETE 사용:

$.ajax({
    url: '/posts/123456',
    type: 'DELETE',
    success: function(result) {
        // Do something with the result
    }
});

HTTP의 경우 PUT 사용:

$.ajax({
   url: '/posts/123456',
   type: 'PUT',
   data: { } // some data here
   success: function(response) {
     //...
   }
});

GET/POST HTTP 메소드와 다르게 처리하도록 확장jQuery

다양한 HTTP 유형에 대한 전용 메소드를 사용하여 확장jQuery할 수 있습니다.

jQuery.each(["put", "delete", "head", "patch"], function(i, method) {
  jQuery[method] = function(url, data, callback, type) {
    if (jQuery.isFunction(data)) {
      type = type || callback;
      callback = data;
      data = undefined;
    }

    return jQuery.ajax({
      url: url,
      type: method,
      dataType: type,
      data: data,
      success: callback
    });
  };
});

그리고 다음과 같이 사용하세요:

$.put("http://example.com/posts/123456789", {
  title: "test"
}, function(result) {
  console.log(result);
});

$.path("http://example.com/posts/123456789", {
  title: "test"
}, function(result) {
  console.log(result);
});

이 튜토리얼에서는 jQuery을 사용하여 PUT/DELETE/HEAD/PATCH 요청을 보내는 방법을 제시했습니다.