为什么没有使用 Javascript 正确创建这个 onClick 函数？

Question

我在调用 JS 函数时创建了新按钮，但我认为我在作为参数传递的 onclick 事件处理程序中对对象进行字符串化的方式有问题：

...
var edit_button = '<button type="button" id="buttons" onclick="edit_admin_request(this,\'' + JSON.stringify(edit_admin_object) + '\')" name="edit_admin">Edit</button>';
var rowNode = myTable.row(window.rowindex).data([edit_button]).draw();
...

创建此按钮时，当我尝试单击它时，它根本不会调用edit_admin_request(this_,data_) 函数。

如果我尝试传递一个简单的字符串而不是字符串化对象 onclick="edit_admin_request(this,\'' + ["a string inside if an array"] + '\')" ，这可行，我可以调用 edit_admin_request(this_,data_) 函数。

我不明白为什么会这样？！

更新： 这是我显示按钮的行（注意：我使用的是动态表，所以这一行在 foreach 循环内）：

 <td>
   <div id="edit_button_row" class="edit_button_row">
     <button type="button" class="edit_admin" id="buttons" onclick='edit_admin_request(this,<?php echo json_encode($user); ?>)' name="edit_admin">Edit</button>
   </div>
 </td>

Answer 1

因此，在阅读完 cmets 后，我会将我的发现作为答案发布

1. 在隐藏单元格中添加用户名，以确保任何引号或特殊字符不会干扰数据的传递。
   <td class="datacell"><?php echo $user["name"]; ?></td>
2. 给单元格一个类
3. 添加按钮，给它一个类
4. 将此代码添加到页面，其中tableID是表或tbody的id

---

$("#tableID").on("click",".edit-admin",function(e) { 
  const $row = $(this).closest("tr"); 
  const data = $row.find(".datacell").text().trim(); // in case the PHP addes spaces
  edit_admin_request(this,data);
});