javascript - 如何在 javascript 中 append 行时 append 按钮

Question

我正在使用 java 脚本在 HTML 表中 append 一行。我还需要 append 一个按钮作为该行的表数据之一。该按钮也应该有单击事件。怎么办呢？我无法从以前的答案中得到结果请帮忙。下面是我的代码。

$(document).ready(function () {
        $.ajax({
            url: '/api/UserApi/',
            type: 'GET',
            contentType: "application/json;charset=utf-8",
            dataType: "json",
            success: function (data) {
              
                alert('User Added Successfudly');

                for (var i = 0; i < data.length; i++) {
                         $("#absa").append("<tr><td>" + data[i].user_Name + "</td><td>" + data[i].Address + "</td><td>" + data[i].Email + "</td><td>" + data[i].MobileNo + "</td><td><button onclick="update()"/></td></tr>");
                }
            },
            error: function () { alert('User not Added'); }
        });

    });

Answer 1

您需要将事件函数作为字符串传递。多姆会处理的

$(document).ready(function () {
        $.ajax({
            url: '/api/UserApi/',
            type: 'GET',
            contentType: "application/json;charset=utf-8",
            dataType: "json",
            success: function (data) {

                alert('User Added Successfudly');

                for (var i = 0; i < data.length; i++) {
                         $("#absa").append("<tr><td>" + data[i].user_Name + "</td><td>" + data[i].Address + "</td><td>" + data[i].Email + "</td><td>" + data[i].MobileNo + "</td><td><button onclick='update()'/></td></tr>");
                }
            },
            error: function () { alert('User not Added'); }
        });

    });

已更新

<button onclick='update()'/>