如何传递值查询字符串

时间:2019-12-19 05:54:21

标签: jquery

我如何通过q​​uerystring发送参数值,我的查询字符串url为http://ec2-18-222-171-156.us-east-2.compute.amazonaws.com:3002/api/products/delete?id=4,但我可以发送通行证。你能解决我的问题吗?

我的代码:

$(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!");
                }
            });
        }
    });

3 个答案:

答案 0 :(得分:1)

data参数仅针对GET请求自动添加到URL。由于您使用的是DELETE,因此需要您自己进行。

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

在您的success函数中,callback是一个对象。如果要使用字符串将其连接,请使用JSON.stringify

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

答案 1 :(得分:0)

使用ajax类型:PUT / POST并传递参数后端功能或检查id值

答案 2 :(得分:0)

你好,使用ajax调用传递数据,并使用参数调用方法

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!");
                }
            });
        }
    });