JavaScript DOM membuat permintaan pelayan

Question

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

Answer 1

Permintaan GET ini dibuat oleh 标记的 src 属性发送的。并且src的值为undefined。这意味着您的代码中的vehicle.thumbnail 是未定义.

Lihat Bagaimanakah atribut src tag img dilaksanakan?