javascript - 这是在 ajax 请求中使用 onclick 函数的正确格式吗

Question

我正在尝试调用 onclick 事件。但由于某些问题它不起作用。我在 javascript 文件中使用以下代码

html += "<td>" + mobile + "</td>";
html += "<td><button onclick"+(delid)+">"+delid+"</button> </td>";

Answer 1

改变

html += "<td><button onclick"+(delid)+">"+delid+"</button> </td>";

至

html += "<td><button class='my-button' data-id='"+ delid +"'>"+ delid +"</button></td>";

因此它具有 id 作为数据属性，然后您可以使用委托(delegate)事件处理程序稍后处理按钮的单击。

$(document.body).on('click', '.my-button', function(e){
  var id = $(e.target).data('id');

  //do whatever you want
});