Jak wysłać zapytanie PUT / DELETE w jQuery?

GET:$.get(..)

POST:$.post()..

Co PUT/DELETE?

Możesz użyć metody ajax :

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

$.ajax będzie działać.

$.ajax({
   url: 'script.php',
   type: 'PUT',
   success: function(response) {
     //...
   }
});

Możemy rozszerzyć jQuery, aby tworzyć skróty dla PUT i DELETE:

jQuery.each( [ "put", "delete" ], 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
    });
  };
});

a teraz możesz użyć:

$.put('http://stackoverflow.com/posts/22786755/edit', {text:'new text'}, function(result){
   console.log(result);
})

skopiuj stąd

Podaje się, że jest to możliwe dzięki funkcji ajax JQuery'ego

type: "put" lub type: "delete"

i nie jest obsługiwany przez wszystkie przeglądarki, ale większość z nich.

Sprawdź to pytanie, aby uzyskać więcej informacji na temat zgodności:

Czy metody PUT, DELETE, HEAD itp. Są dostępne w większości przeglądarek internetowych?

Z tutaj , można to zrobić:

/* Extend jQuery with functions for PUT and DELETE requests. */

function _ajax_request(url, data, callback, type, method) {
    if (jQuery.isFunction(data)) {
        callback = data;
        data = {};
    }
    return jQuery.ajax({
        type: method,
        url: url,
        data: data,
        success: callback,
        dataType: type
        });
}

jQuery.extend({
    put: function(url, data, callback, type) {
        return _ajax_request(url, data, callback, type, 'PUT');
    },
    delete_: function(url, data, callback, type) {
        return _ajax_request(url, data, callback, type, 'DELETE');
    }
});

Jest to w zasadzie tylko kopia $.post()z dostosowanym parametrem metody.

Oto zaktualizowane wywołanie ajax dla gdy używasz JSON z jQuery> 1.9:

$.ajax({
    url: '/v1/object/3.json',
    method: 'DELETE',
    contentType: 'application/json',
    success: function(result) {
        // handle success
    },
    error: function(request,msg,error) {
        // handle failure
    }
});

Powinieneś być w stanie użyć jQuery.ajax:

Załaduj zdalną stronę za pomocą żądania HTTP.

I możesz określić, którą metodę należy zastosować, z typeopcją :

Typem żądania („ POST” lub „ GET”), domyślnym jest „ GET”.
Uwaga: Można tu również użyć innych metod żądania HTTP, takich jak PUTi DELETE, ale nie są one obsługiwane przez wszystkie przeglądarki.

ajax ()

poszukaj typu parametru

Można tu również użyć innych metod żądania HTTP, takich jak PUT i DELETE, ale nie są one obsługiwane przez wszystkie przeglądarki.

Dla zwięzłości:

$.delete = function(url, data, callback, type){

  if ( $.isFunction(data) ){
    type = type || callback,
    callback = data,
    data = {}
  }

  return $.ajax({
    url: url,
    type: 'DELETE',
    success: callback,
    data: data,
    contentType: type
  });
}

Możesz to zrobić za pomocą AJAX!

Dla PUTmetody:

$.ajax({
  url: 'path.php',
  type: 'PUT',
  success: function(data) {
    //play with data
  }
});

Dla DELETEmetody:

$.ajax({
  url: 'path.php',
  type: 'DELETE',
  success: function(data) {
    //play with data
  }
});

Napisałem wtyczkę jQuery, która zawiera omówione tutaj rozwiązania z obsługą różnych przeglądarek:

https://github.com/adjohnson916/jquery-methodOverride

Sprawdź to!

Jeśli musisz wykonać $.postpracę dla Laravela Route::deletelub Route::putpo prostu dodać argument "_method"="delete"lub "_method"="put".

$.post("your/uri/here", {"arg1":"value1",...,"_method":"delete"}, function(data){}); ...

Musi działać dla innych frameworków

Uwaga: Testowane z Laravel 5.6 i jQuery 3

Do skrótu danych możesz dołączyć klucz o nazwie: _method z wartością „delete”.

Na przykład:

data = { id: 1, _method: 'delete' };
url = '/products'
request = $.post(url, data);
request.done(function(res){
  alert('Yupi Yei. Your product has been deleted')
});

Dotyczy to również

Oto prosty jednoliniowy, którego używam do umieszczenia więcej niż jednej zmiennej:

$.put("https://your-url.com",{item1:'new item1',item2:'new items2'});

wyrazićwęzełjavascript