how to pass value query string

Question

How do i send parameter value via querystring my query string url is http://ec2-18-222-171-156.us-east-2.compute.amazonaws.com:3002/api/products/delete?id=4 but i could send pass. could you please resolve my issues.

My code:

$(document).on("click", ".products-data .delete", function(e) {
        var id = $(this).parent().parent().attr('id');         
        if (confirm('Delete this product?')) {
            $.ajax({
                type: 'DELETE',
                url: 'http://ec2-18-222-171-156.us-east-2.compute.amazonaws.com:3002/api/products/delete',
                dataType: 'json',   
                data :  {id : id},
                contentType: 'application/json; charset=utf-8',
                success: function(callback) {
                    console.log("Delete response"+callback);
                },
                error: function() {
                    $(this).html("error!");
                }
            });
        }
    });

I can't send pass my id value please solve this issue

Sindhu
– Sindhu

2019-12-19 05:55:51 +00:00
Commented Dec 19, 2019 at 5:55 — Sindhu
– Sindhu, Commented Dec 19, 2019 at 5:55

Barmar · Accepted Answer · 2019-12-19 06:11:27Z

1

The data parameter is only appended to the URL automatically for GET requests. Since you're using DELETE, you need to do it yourself.

url: 'http://ec2-18-222-171-156.us-east-2.compute.amazonaws.com:3002/api/products/delete?id=' + id

In your success function, callback is an object. If you want to concatenate it with a string, use JSON.stringify.

success: function(callback) {
    console.log("Delete response: " + JSON.stringify(callback));
},

edited Dec 19, 2019 at 6:11

answered Dec 19, 2019 at 5:59

Barmar

789k57 gold badges555 silver badges669 bronze badges

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

2 Comments

Sindhu Over a year ago

i am using above method but can't get response my response is :Delete response[object Object] can you give fiddle example

Barmar Over a year ago

I've updated the answer to show how to display the response.

Sarvesh Dubey · Accepted Answer · 2019-12-19 06:06:54Z

0

use ajax type :PUT / POST and pass the parameter backend side function or check the id value

answered Dec 19, 2019 at 6:06

Sarvesh Dubey

444 bronze badges

Comments

AjayGohil · Accepted Answer · 2019-12-19 06:14:44Z

hello pass data with ajax call and call your method with parameters

public object delete(int id)
 {

      //your code
}
$(document).on("click", ".products-data .delete", function(e) {
        var id = $(this).parent().parent().attr('id');         
        if (confirm('Delete this product?')) {
            $.ajax({
                type: 'DELETE',
                url: 'http://ec2-18-222-171-156.us-east- 
                 2.compute.amazonaws.com:3002/api/products/delete',
                dataType: 'json',   
                data :  {id : id},
                contentType: 'application/json; charset=utf-8',
                success: function(callback) {
                    console.log("Delete response"+callback);
                },
                error: function() {
                    $(this).html("error!");
                }
            });
        }
    });

Collectives™ on Stack Overflow

how to pass value query string

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related