如何在jQuery中发送PUT/DELETE请求？

Question

GET：$.get(..)

POST：$.post()..

约PUT/DELETE什么？

Answer 1

你可以使用ajax方法：

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

Answer 2

$.ajax会工作。

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

Answer 3

似乎通过指定

type: "put"或 type: "delete"

到有可能与JQuery's ajax function，而不是不是所有的浏览器都支持，但其中的大多数。

兼容性退房这个问题的详细信息：

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

Answer 4

ajax()

找PARAM 型

其他HTTP请求方法，如PUT和DELETE，能也可以在这里使用，但不支持所有浏览器。

Answer 5

您应该能够使用jQuery.ajax：

负载使用HTTP请求 远程页面。

你可以指定哪些方法应该被使用，随着type option：

请求的类型，使（ “POST ”或 “ GET ”），默认是“ GET” 。
注意：其他 HTTP请求方法，如PUT和 DELETE，也可以在这里使用，但是 它们不支持所有的 浏览器。

Answer 6

您可以在数据散列中包含一个名为__的方法，其值为'delete'。

例如：

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

这也将适用于

Answer 7

从here，你可以这样做：

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

它基本上只是一个方法参数的$.post()副本适应。

Answer 8

我们可以扩展jQuery来让快捷方式PUT和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 
    }); 
    }; 
}); 

，现在你可以使用：

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

副本从here

Answer 9

我写了一个jQuery插件该解决方案整合了此处讨论的跨浏览器支持的解决方案：

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

看看吧！

Answer 10

你可以用AJAX做到这一点！

对于PUT方法：

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

DELETE对于方法：

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

Answer 11

为了简洁：

$.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：使用角速度

Answer 12

这里的一个ñ更新ajax打电话时您正在使用JSON与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 
    } 
});