Dentro de la página web que estoy creando al cambiar de páginas tengo que volver a cargar la página en la que me encuentre para que así cargue todo de manera correcta.
He estado mirando mucho y no he encontrado una solución espero que podáis ayudarme, probé metiendo un setInterval cada vez que se abría una nueva página para que se actualizara, pero aún así había que actualizarla manualmente y luego ya cogía la función de actualizar.
Un ejemplo sería este:
function JSONRequest() {
let request = new XMLHttpRequest();
request.open('GET', 'https://api.spoonacular.com/recipes/complexSearch?apiKey=.&number=5');
request.onload = function () {
let todo = JSON.parse(this.responseText);
let contenedor = document.getElementById('contenedor')
console.log(todo)
for (let i = 0; i < todo.results.length; i++) {
let card = document.createElement('div')
card.setAttribute('class', 'list-group list-boxes carta-rece')
card.setAttribute('name', 'links')
let enlace = document.createElement('a');
enlace.setAttribute('href', 'prueba.html');
// enlace.className="border border-mandarina rounded-s shadow-xxs"
enlace.innerHTML = todo.results[i].title
card.appendChild(enlace)
let img = document.createElement('img');
img.className = "img-api";
img.setAttribute('name', 'links')
img.src = todo.results[i].image;
card.appendChild(img)
contenedor.appendChild(card)
}
let links = document.getElementsByName('links');
for (let i = 0; i < links.length; i++) {
links[i].addEventListener('click', function () {
let = local = localStorage.setItem("recetaid", JSON.stringify(todo.results[i]));
}, false)
}
}
request.send();
}
Al entrar en el enlace que crea a la siguiente (prueba.html) página no carga sola. En este ejemplo que muestro utilizo JavaScript, pero tampoco funciona con las páginas de PHP. Para el resto de páginas y en general la página web estoy utilizando una plantilla que se llama StickyMobile.
Gracias.
index.html
puedes mandar a pedir los datos a la API lanzando una peticiónfetch
o Ajax desde el DOMContentLoaded, y, si quieres seguir trayendo datos, puedes lanzar la petición cada X tiempo desde el mismo sitio. ¿Por qué te lías con dos páginas? Aparte de eso, el problema en sí mismo puede ser que la petición Ajax no esté funcionando, o que esté escrita de forma errónea. Todo eso será simple de depurar, cuando tengas claro el contexto, que es, a mi juicio, el principal problema aquí.