显示页面上的项目列表，每个项目附近都有一个删除按钮

Question

我有一个页面，其中显示了在ajax调用后收到的项目列表。我用它们填充了一张桌子。 我可以显示他们的名字后跟一个非常简单的按钮。

            $.ajax ({
                type: "GET",
                url: "show_products.php",
                data: {},
                success: function(result) {
                    result = $.parseJSON(result);
                    console.log(result);

                    $.each(result, function(i, r) {
                        $("#products").append($('<tr>')
                            .append($('<td>').append(r.Name))
                            .append($('<td>').append('<input name = "btn_delete" type = "submit" value = "delete">'))
                            );
                    });
                },
                error: function(r) {
                    console.log(r);
                }
            });

但问题是，当按下该按钮时，如何进行另一个ajax调用？

Answer 1

$("input[type=submit][value='delete']").click(function() {
//do something here
alert("its working");
});

在提交按钮上触发点击事件。