How to pass data in the ajax DELETE request other than headers

Question

Below is my Ajax request for a DELETE request:

deleteRequest: function (url, Id, bolDeleteReq, callback, errorCallback) {
    $.ajax({
        url: urlCall,
        type: 'DELETE',
        headers: {"Id": Id, "bolDeleteReq" : bolDeleteReq},
        success: callback || $.noop,
        error: errorCallback || $.noop
    });
}

Is there any alternative way to pass the data other than in the headers?

score 105 · Accepted Answer · answered Feb 26 '13 at 12:36

105

Read this Bug Issue: http://bugs.jquery.com/ticket/11586

Quoting the RFC 2616 Fielding

The DELETE method requests that the origin server delete the resource identified by the Request-URI.

So you need to pass the data in the URI

$.ajax({
    url: urlCall + '?' + $.param({"Id": Id, "bolDeleteReq" : bolDeleteReq}),
    type: 'DELETE',
    success: callback || $.noop,
    error: errorCallback || $.noop
});

answered Feb 26 '13 at 12:36

Gabriele Petrioli

191,379
34
261
317

So you can send data with DELETE before jquery 1.7.2 ? – user568109 Oct 10 '13 at 09:09
1

@user568109 I just checked various versions of jQuery and it seems that no version supports it.. (*i tried down to 1.3.2*) – Gabriele Petrioli Oct 10 '13 at 10:30
2

@user568109 but to be honest, i am not sure if the jquery cuts them off or the browser .. – Gabriele Petrioli Oct 10 '13 at 10:51

score 1 · Answer 2 · answered Apr 26 '20 at 17:46

I was able to successfully pass through the data attribute in the ajax method. Here is my code

$.ajax({
     url: "/api/Gigs/Cancel",
     type: "DELETE",
     data: {
             "GigId": link.attr('data-gig-id')
           }

  })

The link.attr method simply returned the value of 'data-gig-id' .

score 0 · Answer 3 · answered Sep 23 '22 at 15:42

Playing with data in AJAX request with DELETE type will take up a lot of your time trying to deal with Uncaught TypeError: Cannot read properties of undefined (reading 'data').

A good oldschool approach (pass the data in the URI as well as you do for GET request) will save your time:

let requestUrl = urlCall + '?Id=' + Id + '&bolDeleteReq=' + bolDeleteReq;

$.ajax({
url: requestUrl,
type: 'DELETE'

How to pass data in the ajax DELETE request other than headers

3 Answers3

Linked