Come inviare una richiesta PUT/DELETE in jQuery?

Question

GET: $.get(..)

POST: $.post()..

Che dire PUT/DELETE?

Answer 1

è possibile utilizzare il metodo ajax:

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

Answer 2

$.ajax funzionerà.

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

Answer 3

sembra essere possibile con JQuery's ajax function specificando

type: "put" o type: "delete"

e non non è supportato da tutti i browser, ma la maggior parte di essi.

Partenza a questa domanda per ulteriori informazioni sulla compatibilità:

Are the PUT, DELETE, HEAD, etc methods available in most web browsers?

Answer 4

ajax()

look per param tipo

Altri metodi di richiesta HTTP, ad esempio PUT e DELETE, possono anche essere usato qui, ma non sono supportati da tutti i browser.

Answer 5

Si dovrebbe essere in grado di utilizzare jQuery.ajax:

caricare una pagina remota utilizzando una richiesta HTTP.

Ed è possibile specificare il metodo da utilizzare, con il type option:

Il tipo di richiesta da fare ("POST "o " GET "), di default è" GET" .
Nota: Altri metodi di richiesta HTTP , come PUT e DELETE, possono essere utilizzati anche qui, ma non sono supportati da tutti i browser .

Answer 6

È possibile includere nell'hash dei dati una chiave denominata: _method con valore 'delete'.

Ad esempio:

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

Questo vale anche per

Answer 7

Da here, si può fare questo:

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

è fondamentalmente solo una copia di $.post() con il parametro del metodo adattato .

Answer 8

Possiamo estendere jQuery per fare collegamenti per PUT e 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 
    }); 
    }; 
}); 

e ora è possibile utilizzare:

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

copia da here

Answer 9

Ho scritto un plugin per jQuery che incorpora le soluzioni discusse qui con supporto cross-browser:

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

Check it out!

Answer 10

Puoi farlo con AJAX!

Per PUT metodo:

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

Per DELETE metodo:

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

Answer 11

Per brevità:

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

PS: utilizzare angolare

Answer 12

Ecco un n aggiornati ajax chiamata per quando si utilizza JSON con 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 
    } 
});