如何通过单击表格行开始发布请求

Question

我在前端使用 EJS，我有一个如下表：

<tbody>
<% for(var i = 0; i < length; i++) {  %>
   <tr>
      <td>
         a
      </td>
      <td>
         b
      </td>
      <td>
         c
      </td>
   </tr>
<% } %>
</tbody>

length 是从后端传递的变量。 我希望通过单击行来开始发布请求（行中的任何单元格都应该是可点击的），并且在发布请求中我需要发送有关该行 i 值的数据。 有人对最合适的方法有什么建议吗？

Answer 1

要在 jQuery 中附加事件处理程序，请使用on()并将其附加到tr元素。 要发送 POST 请求，请使用$.ajax()或$.post() 。 鉴于i变量与父table中行的index()匹配，您可以使用它来代替服务器端i值。

综上所述，代码如下所示：

jQuery($ => {
  $('table tr').on('click', e => {
    $.post('URL-here', {
      index: $(e.target).index()
    }, function(response) {
      console.log(response); // response is the data sent back from the server
    });
  });
});