Estoy tratando de leer archivos "locales" dentro de mi directorio con javascript vainilla dentro de un html. Dado que AJAX no funciona debido a la política de CORS: no puedo leer archivos locales desde un navegador, los "engaño" usando iframe que se complementa con los archivos json que quiero leer.
El problema es que logré obtener el iframe pero no sé cómo extraer los "datos" de este iframe.
JavaScript:
fileframe = document.getElementById("jsonfile"); fileframe.setAttribute("src", "test.json"); console.log(fileframe);Salida de consola cromada
<iframe id="jsonfile" src="test.json" style="display:none"> #document <html> <head> <meta name="color-scheme" content="light dark"> </head> <body> <pre style="word-wrap: break-word; white-space: pre-wrap;">{ "content": "thisisacontent" }</pre> </body> </html> </iframe>Los datos que quiero obtener son el {"contenido": "thisisacontent"} un programador novato aquí, ¡cualquier ayuda será apreciada! ¡¡Gracias!!