Javascript 尝试使ajax调用不适用于所有具有相同名称的按钮时的事件onclick？

我正在尝试进行由onclick事件触发的ajax调用，因此第一个问题是调用没有到达操作数据请求中给出的URL，而是在成功的情况下返回警报

调用脚本：

$(document).ready(function () {
  $('.summernote').summernote();

  $('#btn-req').click(function () {
    $.post('sendreq', {
        freelancerid: $('#freelid').val(),
        task: 'get_freelancer_id'
      },
      function (data) {
        alert("requested");
      }
    )
  });
});

第二个问题是，没有应用于所有按钮的事件都具有与第一个按钮相同的id

---

请提供任何帮助

一种方法是对所有将发出ajax请求的

按钮

元素使用

类

属性：

$（'.btn req'）。单击（函数（）{
console.log（$（this.text（），'was clicked'）；
});

点击我！
另一个按钮
还有一个寡妇阿贾克斯更改

$('#btn-req').click(function () 

到

第一个问题：

由于调用了第三个参数，post请求成功（后端服务器返回200状态代码）。无论操作是否失败，都应检查后端服务器日志并确认是否收到请求

第二个问题：

html中不允许具有相同名称的id，只有第一个id才有效。应改为应用相同名称的类。
改用
class
。具有相同
id
的多个元素是无效的HTML。绑定使用：
$（'.my class'）…
。它不起作用，调用每个按钮，但我得到的结果不是我想要的，我隐藏了复选框当按下按钮时，我需要更改参数值以将其存储在数据库中，但所有结果返回第一个复选框的值。我尝试将id更改为class，但不起作用？它不起作用，调用每个按钮，但我得到的结果不是我想要的，我隐藏了复选框当按下按钮时，我需要更改参数值以将其存储在数据库中，但所有结果返回第一个复选框的值我尝试将id更改为类，但不起作用？
$('button[name="your_btn_name"]').click(function ()