javascript - Ajax请求多次提交输入

Question

我的表行在按行时通过 ajax get 请求创建带有输入字段的侧边栏。侧边栏将依次有另一个 ajax post 请求，用于提交侧边栏中的输入字段。

我遇到的问题是，如果用户在不同的表行上按下，然后提交输入字段，它将对已按下的所有表行运行 ajax 调用，但它应该只提交该行它目前“站立”在上面。

Ajax 调用创建带有输入字段的侧边栏:

var ajaxRequest = null;

$('.detailedTable tbody').on('click', '.tablerow', function() {
  var somedata = $(this).attr('data-somedata');

  ajaxRequest = $.ajax({
    url:"/ajax/showAccountSidebar",
    method:"GET",
    data: {
      somedata: somedata,
    },
    beforeSend:function() {
        if(ajaxRequest != null) {
            ajaxRequest.abort();
        }
     },
    success:function(data) {
      $('#sidemenu').html(data);
    }
  });
});

Ajax 调用提交侧边栏中的输入字段:

var sidebarRequest = null;

$(document).on('click', '#sidebarMenu', function() {
  var someData = $("#someData").val();

  sidebarRequest = $.ajax({
    url:"/ajax/saveAccountNote",
    method:"POST",
    data: {
      inputData: someData
    },
    beforeSend:function() {
        if(sidebarRequest != null) {
            sidebarRequest.abort();
        }
    }
  });
});

Answer 1

我遇到的问题是调用第二个 AJAX 调用

$(document).on('click', '#sidebarMenu', function() {

将其更改为以下内容，现在它仅提交我上次单击的输入字段:

$('#sidebarMenu').on('click', $(this), function() {