JavaScript - объект JSON не печатает ⇐ Html

[Anonymous]

Я хочу отобразить объект JSON на странице JSP через функцию JavaScript. Функция вызывается при нажатии кнопки поиска. Я хочу искать данные пациента и отобразить его на той же веб -странице. Пожалуйста, проверьте код ниже и дайте мне знать, если может быть сделано какое -либо исправление. < /P>

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

function searchPatient() {
const query = document.getElementById("searchInput").value.trim();
const resultsContainer = document.getElementById("searchResults");

if (!query) {
alert("Please enter ID or contact number.");
return;
}

resultsContainer.innerHTML = "
Searching...
";
const url = "searchPatient.jsp?q=" + encodeURIComponent(query);
fetch(url)
.then(response => {
if (!response.ok) {
throw new Error("Network response was not ok");
}
return response.json();
})

.then(data => {
resultsContainer.innerHTML = ""; // Clear previous or loading message

if (!data || data.length === 0) {
resultsContainer.innerHTML = "
No patient found.
";
return;
}
resultsContainer.innerHTML = "
Found " + data.length + " patient(s).
";

data.forEach(patient => {
const patientDiv = document.createElement("div");
patientDiv.className = "patient-card";
patientDiv.innerHTML = `
[b]ID:[/b] ${patient.id}
[b]Name:[/b] ${patient.full_name}
[b]Contact:[/b] ${patient.contact_number}
[b]Concern:[/b] ${patient.concern}
`;
resultsContainer.appendChild(patientDiv);
});
})
.catch(error => {
console.error("Search error:", error);
resultsContainer.innerHTML = "
Error fetching patient data.
";
});
}
< /code>
Это мой код JSP для поиска пациентов из базы данных MySQL: < /p>

Ошибка нет, но вывод не печатается в SearchResults Div.

Подробнее здесь: https://stackoverflow.com/questions/796 ... t-printing