我有一个可变的航行钥匙。当我点击表格中的一行时,就会有那艘船的航次键。
根据那个航程键的值,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 进行比较。 这些是保存到变量中的航程键。 这是要过滤的船舶列表