将多参数传递给 Td 内联 JavaScript 函数

Question

将一个参数 (report.id) 传递给 removeUser 函数工作正常，但是当我想传递两个参数（report.id 和 report.name）时，我得到 Uncaught SyntaxError: Invalid or unexpected token。

我试过 '(" +report.id +","+ report.name +")'

我试过 '(" +report.id report.name +")'

但没有任何效果，我在这里做错了什么

            $.ajax({
                url: "xxx",
                type: "GET",
                contentType: "application/json;charset=utf-8",
                dataType: "json",
                success: function (result) {
                    var html = '';
                    $.each(result, function (key, report) {
                        html += '<tr>';
                        html += '<td>' + report.id + '</td>';
                        html += '<td>' + report.name + '</td>';
                        html += "<td><a onClick='removeUser(" +report.id + report.name +")'" + "'> Remove </a></td>";
                        html += '</tr>';
                    });
                    $('#users').html(html);
                },


        function removeUser(id, name) {
            alert("ID: "+ id + "Name: "+ name)
        }

Answer 1

参数之间需要逗号，并且只需要在report.name周围report.name引号。

使用模板文字而不是串联来编写它要容易得多。

html += `<td><a href="#" onClick='removeUser(${report.id}, "${report.name}")'> Remove </a></td>`;

此外，由于您使用a元素执行此操作，因此您应该设置它的href以便在运行onclick函数后它不会尝试链接到另一个页面。