JQuery'de PUT / DELETE isteği nasıl gönderilir?

GET:$.get(..)

POST:$.post()..

Ne olmuş PUT/DELETE?

Ajax yöntemini kullanabilirsiniz :

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

$.ajax çalışacak.

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

JQuery'yi PUT ve DELETE kısayolları yapmak için genişletebiliriz:

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

ve şimdi kullanabilirsiniz:

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

buradan kopyala

İle mümkün olduğu görünüyor JQuery'nın ajax fonksiyonu belirterek

type: "put" veya type: "delete"

ve tüm tarayıcılar tarafından desteklenmez, ancak çoğu tarayıcı tarafından desteklenmez.

Uyumluluk hakkında daha fazla bilgi için bu soruya göz atın:

Çoğu web tarayıcısında PUT, DELETE, HEAD vb. Yöntemler kullanılabilir mi?

Gönderen burada , bunu yapabilirsiniz:

/* 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');
    }
});

Temelde $.post(), adapte edilen method parametresinin sadece bir kopyası .

İşte jQuery> 1.9 ile JSON kullanırken güncellenmiş bir ajax çağrısı:

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

Kullanabilmeniz gerekir jQuery.ajax:

HTTP isteği kullanarak uzak bir sayfa yükleyin.

Ve hangi yöntemin kullanılması gerektiğini belirtebilirsiniz, typeseçeneği ile :

Yapılacak istek türü (" POST" veya " GET"), varsayılan " GET" şeklindedir.
Not: PUTve gibi diğer HTTP istek yöntemleri DELETEde burada kullanılabilir, ancak tüm tarayıcılar tarafından desteklenmez.

ajax ()

param tipini ara

PUT ve DELETE gibi diğer HTTP istek yöntemleri de burada kullanılabilir, ancak tüm tarayıcılar tarafından desteklenmez.

Kısalık için:

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

AJAX ile yapabilirsiniz!

İçin PUTbir yöntem:

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

İçin DELETEbir yöntem:

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

Çapraz tarayıcı desteği ile burada tartışılan çözümleri içeren bir jQuery eklentisi yazdım:

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

Bunu kontrol et!

$.postLaravel'de bir iş yapmanız Route::deleteveya Route::putsadece bir argüman eklemeniz gerekiyorsa "_method"="delete"veya "_method"="put".

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

Başkaları için çalışmalı

Not: Laravel 5.6 ve jQuery 3 ile test edilmiştir

Veri karma işleminize şu anahtar adını ekleyebilirsiniz: _method 'delete' değeri.

Örneğin:

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

Bu ayrıca aşağıdakiler için de geçerli olacaktır:

İşte birden fazla değişken koymak için kullandığım basit bir astar:

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

ekspresdüğümjavaScript