Estoy tratando de mostrar contenido de json en línea en mi HTML. Funciona bien en mi computadora portátil, pero en el navegador de mi teléfono (chrome) y mis amigos (opera) no funciona. He comprobado la compatibilidad con él y debería estar bien?
Heres mi HTML que estoy usando:
<!DOCTYPE html> <html> <head> <meta http-equiv="refresh" content="15" > <title>Alton Towers Predicted Queue Times</title> </head> <body> <script> fetch("https://queue-times.com/parks/1/queue_times.json") .then(response => response.json()) .then(data => {document.querySelector("#name").innerText = data.lands[0].rides[0].name}); </script> <h3><span id="name"></span></h3> </body> </html>¿Alguna idea de por qué esto funciona en mi computadora portátil pero no en mi teléfono?
Aparentemente, el problema es un problema de CORS. Dado que este es un sitio de terceros al que no tiene acceso, deberá implementar un pequeño código del lado del servidor que recibirá una solicitud, enviará su equivalente al objetivo real, recibirá la respuesta del objetivo y la enviará de vuelta a el navegador. Para su pequeño código del lado del servidor, que actuará como un proxy, puede configurar fácilmente los encabezados CORS apropiados para que pueda realizar las solicitudes.