Javascript onclick 触发而无需单击在循环中使用它

Question

我正在使用 AJAX 来获取我的数据库表之一。 我正在尝试通过在按下按钮后创建更新表功能来改进它。

success: function(result) {
    for( var i = 0; i < result.length; i++ ) {
        document.getElementById('tableT').innerHTML +=
            "<tr>" +
                "<td>"+result[i]['id']+"</td>" +
                "<td>"+result[i]['terminalId']+"</td>" +
                "<td>"+result[i]['departmentId']+"</td>" +
                "<td>"+result[i]['profileId']+"</td>" +
                "<td>"+result[i]['created']+"</td>" +
                "<td>"+result[i]['modified']+"</td>"+
                "<td>"+"<div style='margin-bottom:10px; text-align: center;'>"+
                "<a class='btn btn-info edit-btn' data-toggle='modal' onclick='"+updApplication(result[i]['id'])+"' data-target='#myModal-44' title='Edit'><i class='fa fa-edit'></i></a>"+
                    "</div>"+"</td>"+
            "</tr>";

    }
},

为什么我什至不按按钮就收到所有 ID 的警报？

function updApplication(id){
    alert(id);
};

Answer 1

您会收到警报，因为您实际上是在构建标记时调用该函数。

尝试使用您的函数将onclick定义为字符串。

"onclick=\"updApplication(" + result[i]['id'] + ")\"..."

Answer 2

你在引号中有问题，现在你在每次循环迭代中调用updApplication()函数，你的代码应该是这样的：

..data-toggle='modal' onclick='updApplication("+result[i]['id']+")' data-target='#myModa..

希望这可以帮助。