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