如何根据条件调用 Ajax

问题描述 投票:0回答:0

我有一个可变的航行钥匙。当我点击表格中的一行时,就会有那艘船的航次键。

根据那个航程键的值,ajax怎么调用 只显示包含航程键变量的数据行?我的 Ajax 调用代码目前只加载数据表。

找合适的船时保存的变量是voyagekey,我要上传的数据表中的字段是VoyageKey。


$('#Form1, #Form2, #Form3').find('tbody').on('click', 'tr', function () {
  var vesselName = $(this).find('td:eq(0)').text();
  var groupvoyage = $(this).find('td:eq(2)').text();

  console.log('vesselName:', vesselName);
  console.log('voyagekey:', voyagekey);
  // Gán giá trị cho trường input
  $('#chooseVessel').val(vesselName);
  $('#chooseVoyage').val(groupvoyage);

  

  let me = $(this);
  // select me
  me.toggleClass('selected');
if (me.hasClass('selected')) {
  me.css('background-color', '#4987a2');
} else {
  me.css('background-color', '');
}

me.parent().find('.selected').not(me).removeClass('selected').css('background-color', '');

  // if three rows are selected, then do something
  // (there can only be one row in each table that is selected)
  if ($('.selected').length === 3) {

// Gọi ajax để load dữ liệu dựa trên voyagekey
$.ajax({
  type: "POST",
  url: '/Tally/Tally/get',
  data: { voyagekey: voyagekey },
success: function(result) {
 // Xử lý dữ liệu nhận được và hiển thị lên bảng ContentTable
 var data = result.data;
  if (data.length === 1) {
    data[0].STT = 1;
  } else {
    // Duyệt qua từng hàng và cập nhật STT
    $.each(data, function(index, row) {
      row.STT = index + 1;
    });
  }
      table.clear().draw();
      table.clear().rows.add(result.data).draw();
//      table.show();
         
},
error: function(xhr, status, error) {
console.log(xhr.responseText);
}
});
        }
      });

表格表和数据表都有一个voyagekey字段,每个船名都会有自己的包含该船名的voyagekey字段。我想当我点击一艘船的名字时,我只调用 ajax 到具有相同 voyagekey 的字段的数据表。显示的第一个图像是 formtable 的 voyagekey。我保存到变量以与数据库中的 voyagekey 进行比较。 这些是保存到变量中的航程键。 这是要过滤的船舶列表

jquery ajax database datatable
© www.soinside.com 2019 - 2024. All rights reserved.