JavaScript DOM membuat permintaan pelayan
Apabila saya memuatkan halaman tanpa kod js berikut, ia berfungsi dengan baik, tetapi apabila saya mencipta elemen html menggunakan DOM, ia membuat permintaan pelayan menggunakan url halaman yang sama,
const isHideVariants = document.querySelector("#hidevariants");
const vehiclesList = document.querySelector(".brand-vehicles-list");
let vehicles = <%- JSON.stringify(vehicles) %>;
displayVehicles();
function displayVehicles() {
clearVehicles();
vehicles.forEach((vehicle) => {
const anchorTag = document.createElement("a");
const img = document.createElement("img");
const p = document.createElement("p");
anchorTag.href = `/vehicles/${vehicle._id}`;
anchorTag.classList.add("brand-vehicle");
img.src = vehicle.thumbnail;
img.alt = "vehicle thumbnail";
p.textContent = vehicle.name;
anchorTag.appendChild(img);
anchorTag.appendChild(p);
vehiclesList.appendChild(anchorTag);
});
}
function clearVehicles() {
while (vehiclesList.firstChild) {
vehiclesList.removeChild(vehiclesList.firstChild);
}
}
Saya menguji kod apabila saya mengulas kod DOM js dan kemudian ia tidak membuat sebarang permintaan pelayan lain
Ini adalah permintaan pertama
GET /brands/dodge 200 2109.074 ms - 16952
Ini adalah permintaan kedua yang dicetuskan apabila saya mencipta elemen html DOM
GET /brands/undefined 200 8297.877 ms - 16781
