Ajax請求多次提交輸入

Question

我有一些表行，當按一行時，這些表行通過ajax get請求創建帶有輸入字段的邊欄。 側邊欄將有另一個ajax發布請求，用於提交側邊欄中的輸入字段。

我遇到的問題是，如果用戶在不同的表行上四處按動，然后提交輸入字段，它將為所有已按下的表行運行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

我遇到的問題是使用

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

將其更改為以下內容，現在僅提交我最后單擊的輸入字段：

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