¿Cómo leer un archivo JSON local externo en JavaScript?

He guardado un archivo JSON en mi sistema local y he creado un archivo JavaScript para leer el archivo JSON e imprimir los datos. Aquí está el archivo JSON:

{"resource":"A","literals":["B","C","D"]}

Digamos que esta es la ruta del archivo JSON: /Users/Documents/workspace/test.json.

¿Podría alguien ayudarme a escribir un código sencillo para leer el archivo JSON e imprimir los datos que contiene en JavaScript?

user2864315
Pregunta editada 14º julio 2019 в 5:34
Programación
javascript json
31º octubre 2013 в 12:03
51 vistas
Solución

No se puede hacer una llamada AJAX a un recurso local, ya que la petición se realiza mediante HTTP.

Una solución es ejecutar un servidor web local, servir el archivo y hacer la llamada AJAX a localhost.

Para ayudarte a escribir código para leer JSON, deberías leer la documentación de jQuery.getJSON():

http://api.jquery.com/jQuery.getJSON/

Comentarios (14)

Dependiendo de tu navegador, puedes acceder a tus archivos locales. Pero esto puede no funcionar para todos los usuarios de tu aplicación.

Para ello, puedes probar las instrucciones de aquí: http://www.html5rocks.com/en/tutorials/file/dndfiles/

Una vez cargado tu archivo, puedes recuperar los datos usando:

var jsonData = JSON.parse(theTextContentOfMyFile);
Comentarios (0)

Si pudiera ejecutar un servidor web local (como sugirió Chris P más arriba), y si pudiera utilizar jQuery, podría intentar http://api.jquery.com/jQuery.getJSON/

Community
Respuesta editada 23º mayo 2017 в 11:47
Comentarios (0)