En primer lugar, me gustaría disculparme por el estilo complicado de mi pregunta. Estoy desarrollando un sitio web para un amigo que dirige una empresa de autobuses local.

Se realizan varios viajes (4-5 piezas) al año a diferentes destinos. Estos cambian cada año. Tengo un archivo .JSON en el que almaceno los diferentes destinos como objetos en una matriz, lo que facilita el ajuste anual.

En la página de inicio se muestran "tarjetas" que generan el contenido y ellas mismas a través de una solicitud xhttp (javascript). Ahora quiero crear otra página .html, que después de hacer clic en un mapa (por ejemplo, Munich) extrae los datos .JSON y alimenta la página de resumen con ellos.

Tengo tanto las tarjetas como la página de resumen. Sin embargo, después de horas de pensar e intentar, no veo la forma de adaptar el enlace para que muestre los datos del destino correspondiente en la página de resumen. Solo puedo ajustar esto si ingreso manualmente, por ejemplo, ${data[2].heading}.

Código de ejemplo para las tarjetas:

 //XML-Request const mainContainer = document.querySelector(".main_container"); var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function(){ if(this.readyState == 4 && this.status == 200){ var response = JSON.parse(xhttp.responseText); var data = response.cities; for(i=0; i<data.length;i++){ var card = document.createElement("div"); card.className = `karte`; let cardContent = `<h1>Urlaub in ${data[i].name} </h1> <button class="btn ${data[i].id}" onclick="openWindow()">Ab nach ${data[i].name}</h1>` card.innerHTML = cardContent; mainContainer.appendChild(card); } } } xhttp.open("GET", "data.json", true); xhttp.send();strong text

¿Hay alguna forma de personalizar los enlaces en consecuencia? Feliz de aprender PHP o similar si resuelve mi problema ... solo necesito algo de reflexión sobre cómo abordarlo por ahora.

Gracias de antemano.