Como enviar uma solicitação PUT/DELETE/HEAD/PATCH em jQuery

jQuery é uma biblioteca JavaScript rápida, pequena e rica em recursos que simplifica uma ampla variedade de tarefas envolvidas no desenvolvimento web. Muitas vezes é descrito como “escreva menos, faça mais”. biblioteca, o que significa que ela pega operações JavaScript comuns e as agrupa em funções concisas e fáceis de usar.

Em jQuery um método .get() e .post() podem ser usados ​​para fazer solicitações HTTP GET e POST, porém o < Os métodos /span> não são suportados. Neste tutorial, aprenderemos como enviar uma solicitação PUT/DELETE/HEAD/PATCH em jQuery. ou .put(), .delete().patch()

Usando o método jQuery .ajax() para fazer solicitações PUT/DELETE/HEAD/PATCH

A função .ajax() em jQuery pode ser usada para enviar todos os tipos de solicitações HTTP. Este método nos permite definir o tipo de solicitação.

O atributo type é um método HTTP a ser usado para a solicitação (por exemplo, "POST", "GET", "PUT").

Para HTTP DELETE use:

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

Para HTTP PUT use:

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

Estendendo jQuery para lidar de forma diferente dos métodos HTTP GET/POST

Podemos estender jQuery métodos dedicados para diferentes tipos de HTTP:

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
    });
  };
});

E use-os da seguinte maneira:

$.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);
});

Neste tutorial, apresentamos um método para enviar solicitações PUT/DELETE/HEAD/PATCH usando jQuery.