jQuery는 웹 개발과 관련된 광범위한 작업을 단순화하는 빠르고 작으며 기능이 풍부한 JavaScript 라이브러리입니다. 이는 종종 "적게 쓰고, 더 많이 하기"로 설명됩니다. 라이브러리입니다. 즉, 일반적인 JavaScript 작업을 간결하고 사용하기 쉬운 함수로 래핑합니다.
jQuery 메소드 .get() 및 .post()는 GET 및 POST HTTP 요청을 수행하는 데 사용될 수 있지만 < /span> 메소드는 지원되지 않습니다. 이 튜토리얼에서는 jQuery에서 PUT/DELETE/HEAD/PATCH 요청을 보내는 방법을 배웁니다. 또는 .put(), .delete().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) {
//...
}
});
다양한 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 요청을 보내는 방법을 제시했습니다.