¿Cómo enviar una solicitud PUT/DELETE en jQuery?

Question

GET: $.get(..)

POST: $.post()..

¿Qué hay de PUT/DELETE?

Answer 1

se puede utilizar el método de ajax:

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

Answer 2

$.ajax va a funcionar.

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

Answer 3

parece ser posible con JQuery's ajax function especificando

type: "put" o type: "delete"

y no no está soportado por todos los navegadores, pero la mayoría de ellos.

Salida esta pregunta para obtener más información sobre la compatibilidad:

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

Answer 4

ajax()

mirada de parámetro tipo

Otros métodos de petición HTTP, como PUT y DELETE, puede también se pueden usar aquí, pero no son compatibles con todos los navegadores.

Answer 5

Usted debe ser capaz de utilizar jQuery.ajax:

carga una página remota utilizando un HTTP petición.

y puede especificar el método a utilizar, con el type option:

El tipo de petición que hacer ("POST "o " GET "), por defecto es" GET" .
Nota: Otros métodos de solicitud HTTP, como PUT y DELETE, también se pueden usar aquí, pero no son compatibles con todos los navegadores .

Answer 6

Puede incluir en su hash de datos una clave llamada: _method con valor 'delete'.

Por ejemplo:

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

Esto también se aplicará para

Answer 7

De here, usted puede hacer esto:

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

es básicamente una copia del $.post() con el parámetro del método adaptado .

Answer 8

Podemos extender jQuery para crear accesos directos para PUT y 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 
    }); 
    }; 
}); 

y ahora que puede utilizar:

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

copia de here

Answer 9

He escrito un plugin de jQuery que incorpora las soluciones discutidas aquí con soporte de navegador cruzado:

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

¡Échale un vistazo!

Answer 10

¡Lo puedes hacer con AJAX!

Para PUT método:

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

Para DELETE método:

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

Answer 11

Por razones de brevedad:

$.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: utilizar angular

Answer 12

Aquí hay una n informado ajax llamada para cuando se está utilizando 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 
    } 
});