如何在按钮id中传递变量,然后将该id发送到ajax数据?

时间:2019-03-23 21:04:40

标签: json ajax model-view-controller

我将产品ID传递给按钮ID,然后通过Ajax数据将产品ID发送给控制器

for(var i=0;i<productsJSON.length;i++)
{
    var td5 = document.createElement('td');
    td5.innerHTML = "<br><button type='button' id="+product.id+"onclick='Addtocart() ' >Add To Cart</button><br>";
}

function Addtocart() {

    var quantity = document.getElementsByName("quantity").item(0).value;

    $.ajax({
        type: "POST",
        data: 'pid=' + this.id + '&quantity=' + quantity,
        url: "ProductController",
        success: function(content) {
            console.log(content);
            alert('done');
        }
    });

}

1 个答案:

答案 0 :(得分:0)

您必须使用JSON对象。 在这里,我使用GET方法从HTML表单设置数据。

$.ajax(
        {
            type: "GET",
            data: $("#form").serialize(),
            url: "url",
            success: function(data)
            {
                # Code
            },
            error: function()
            {
                # Code
            }
        }
    );