Вызывает разные файлы, каждая вкладка открывается при загрузке с помощью jquery и возвращает ответ на выбранную вкладку ⇐ Jquery

[Anonymous]

У меня есть HTML-страница с начальной загрузкой. На странице есть несколько вкладок, я хочу, чтобы каждый раз, когда я выбираю вкладку, она вызывает PHP-заполнение через Ajax и возвращает результат на вкладку. Вот код, который у меня есть
HTML

Код: Выделить всё

[list]
[*][url=#home] [i][/i][/url]
[*][url=#orders][i][/i][/url]
[*][url=#profil][i][/i][/url]
[/list]


home

orders

profil

Вот JQuery

Код: Выделить всё

$('a[data-bs-toggle="tab"]').on('shown.bs.tab', function(e) {
e.preventDefault();
var target = $(e.target).attr('href');
var targetId = target.substring(1);
var file = $(e.target).data('file'); // Ambil nilai data-file

$.ajax({
type: 'POST',
url: file, // Panggil file PHP yang sesuai
data: { tab: targetId },
success: function(data) {
$('#' + targetId).html(data); // Tampilkan hasil di tab
},
error: function(xhr, status, error) {
console.error('Error:', error);
}
});

});
А для PHP я просто пишу простой текст ответа, чтобы убедиться, что он работает. Я проверил консоль отладки браузера, никакого запроса к файлу PHP и никакого ответа. Что-то не так с кодом? Спасибо за любую помощь.
Отредактировано:
Вкладки работают нормально, они меняются каждый раз, когда я нажимаю на них. Я поместил простой текст на каждую вкладку и подтвердил изменение текста на каждой вкладке.
Отредактировано:
Чтобы убедиться, что обработчик событий работает, я попробовал этот код

Код: Выделить всё

console.log('Kode dimuat');
$('a[data-bs-toggle="tab"]').on('shown.bs.tab', function(e) {
console.log('Event handler dipanggil');
// Kode event handler
});

И это работает, я вижу ответ в консоли

Подробнее здесь: https://stackoverflow.com/questions/793 ... -the-respo