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

【问题标题】：how to start post request by clicking table row如何通过单击表格行开始发布请求
【发布时间】：2022-01-24 20:11:27
【问题描述】：

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

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

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

【问题讨论】：

标签： jquery post html-table ejs

【解决方案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
    });
  });
});

【讨论】：