HTTP DELETE using jQuery ajax with parameters in query string

Question

I want to send a HTTP DELETE like this:

$.ajax({
    url: "http://localhost/myapp",
    type: "DELETE",
    data: {
        "brown": "fox",
        "lazy": "dog"
    }
});

The problem is jquery puts the data into the body of the request. I want the data to be put in query string, like http://localhost/myapp?brown=fox&lazy=dog.

Is there an option in $.ajax to do that? Or do I have to manually construct the query string?

jQuery 1.10.2.

UPDATE:

Context for my question:

I know how to use jQuery's $.ajax
I know how to send HTTP DELETE request
jQuery's $.ajax CAN send HTTP DELETE
the server can receive my HTTP DELETE request just fine (put another way: I have successfully sent a HTTP DELETE request to the server, the only problem is that the server misinterpret my request because it turned out jquery put the parameters in the body of the request while the server expects the parameters in query string)
I am sending the request to a web service
I have to use HTTP DELETE because that's how the provider of the web service set up the service
the parameters must be in the query string because the provider will only read the parameters in the query string and will ignore the request body

if you're using an IIS webserver and the jquery PUT or DELETE requests are returning 404 errors, you will need to enable these verbs in IIS — Linga
– Linga, Commented Jan 29, 2014 at 8:38
The http://localhost/myapp is not a website for human, but a REST like web service. I want to send a DELETE command because I want to delete something through the web service. — Endy Tjahjono
– Endy Tjahjono, Commented Jan 29, 2014 at 8:54
@ling.s I know how to send the DELETE request. I can't find information on that page on how to put the data into query string. — Endy Tjahjono
– Endy Tjahjono, Commented Jan 29, 2014 at 9:04

benrwb · Accepted Answer · 2018-11-06 09:40:04Z

6

There is a discussion of this behaviour on jQuery's GitHub page: https://github.com/jquery/jquery/issues/3269

The solution is to append the query string to the URL manually. jQuery's $.param function is helpful for this:

$.ajax({
    type: "DELETE",
    url: "http://localhost/myapp?" + $.param({
        "brown": "fox",
        "lazy": "dog"
    })
});

answered Nov 6, 2018 at 9:40

benrwb

8937 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Angel Politis · Accepted Answer · 2017-03-24 06:25:14Z

3

Write your code like:

$.ajax({
    url: "http://localhost/myapp?brown=fox&lazy=dog",
    type: "DELETE",
    success: function(result){
        alert(result);
    }
});

edited Mar 24, 2017 at 6:25

Angel Politis

11.4k15 gold badges51 silver badges67 bronze badges

answered Jan 29, 2014 at 8:40

Girish Kumar Sinha

8128 silver badges13 bronze badges

Comments

Linga · Accepted Answer · 2014-01-29 08:40:03Z

0

I don’t think "DELETE" has supporting code to add data: { "brown": "fox", "lazy": "dog"} as "GET" does.

Do it yourself with Copy code

url: "http://localhost/myapp?brown=fox&lazy=dog",
type: "DELETE",

Note that DELETE is not supported by all browsers

answered Jan 29, 2014 at 8:40

Linga

10.6k10 gold badges57 silver badges109 bronze badges

Comments

saman khademi · Accepted Answer · 2014-01-29 08:39:17Z

-2

try

$.get(
    "http://localhost/myapp?brown=fox&lazy=dog&type=delete",
    function(data)
    {

    }
);

answered Jan 29, 2014 at 8:39

saman khademi

8421 gold badge6 silver badges13 bronze badges

Collectives™ on Stack Overflow

HTTP DELETE using jQuery ajax with parameters in query string

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related