Как получить все данные, которые вы загрузили из базы данных через ajax? ⇐ Php

[Anonymous]

У меня есть база данных с именем таблицы "Outing". За исключением id в качестве основного значения, у меня есть 3 столбца. Это название, место и дата. Теперь у меня есть html-файл о том, как загрузить или добавить информацию в эту базу данных, и у меня есть файл о том, как удалить информацию, и он отлично работает. Моя единственная проблема на данный момент — как получить всю информацию из базы данных и опубликовать ее в html-файле с соответствующим именем класса с помощью тега .
Вот мой HTML-файл.
index.html

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

А вот мой JS-файл
connectAjax.js

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

$(document).ready(function() {
getOutingDetails();
});

function getOutingDetails() {
$.ajax({
url: "outing_details.php", // Replace with your actual script path
type: "GET",
success: function(data) {
$("#outingDetails").empty(); // Clear existing content
for (var i = 0; i < data.length; i++) {
var outing = data[i];
$("#outingDetails").append(
"
" + outing.title + "
" +
"
" + outing.place + "
" +
"
" + outing.date + "
" +
"" // Add a separator between outings
);
}
},
error: function(jqXHR, textStatus, errorThrown) {
console.error("Error retrieving outing details:", textStatus, errorThrown);
// Handle errors (optional: display an error message to the user)
}
});
}

И наконец, вот мой PHP-файл:
outing_details.php

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

ОБЪЯСНЕНИЕ
Родительский элемент div с идентификатором outingDetails имеет дочерний элемент или с именем класса «Outing_Title» для столбца заголовка (из базы данных), «Outing_Place» для столбца места и «Outing_Date» для столбца даты.
ЧТО Я ПРЕДПОЛАГАЮ БУДЕТ ПРОИЗОЙТИ?
Я предполагал, что после извлечения данных или получения данных это должно выглядеть так:
Title1
Место1
Дата1
Название2
Место2
Дата2
Некое_заголовок
Манила, Филиппины
30 июня 2024 г.
ПОТОМ СЛУЧИЛОСЬ САМОЕ
Мой сайт переходит на example.com/outing_details.php и вот данные:
[{"title":"Title1","place":"Place1","date":"Date1"},{"title":" Title2","place":"Place2","date":"Date2"}, {"title":"Some_Title","place":"Манила, Филиппины","date":"30 июня 2024 г."} ].
ВОТ МОЯ ПРОБЛЕМА

• Почему это /outing_details .php даже я использовал ajax?
• Тогда почему данные не отображаются в теле html, как предполагалось или объяснялось выше, например Title1, Place1, Date1... И так далее.?

Можете ли вы просмотреть и исправить для меня? Даже Близнецы, мощный искусственный интеллект Google, не исправляет.
РЕДАКТИРОВАТЬ И PS: Я знаю, что у этого вопроса есть сходство, но у этого вопроса другая проблема.

Подробнее здесь: https://stackoverflow.com/questions/786 ... rough-ajax