Come leggere un file JSON locale esterno in JavaScript?

Ho salvato un file JSON nel mio sistema locale e ho creato un file JavaScript per leggere il file JSON e stampare i dati. Ecco il file JSON:

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

Diciamo che questo è il percorso del file JSON: /Users/Documents/workspace/test.json.

Qualcuno potrebbe aiutarmi a scrivere un semplice pezzo di codice per leggere il file JSON e stampare i dati al suo interno in JavaScript?

Soluzione

Non è possibile fare una chiamata AJAX a una risorsa locale, poiché la richiesta viene fatta tramite HTTP.

Un workaround è eseguire un webserver locale, servire il file e fare la chiamata AJAX a localhost.

In termini di aiuto per scrivere codice per leggere JSON, dovresti leggere la documentazione per jQuery.getJSON():

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

Commentari (14)

A seconda del tuo browser, puoi accedere ai tuoi file locali. Ma questo potrebbe non funzionare per tutti gli utenti della tua app.

Per fare questo, puoi provare le istruzioni da qui: http://www.html5rocks.com/en/tutorials/file/dndfiles/

Una volta che il tuo file è caricato, puoi recuperare i dati usando:

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

Se si potesse eseguire un server web locale (come suggerito sopra da Chris P), e se si potesse usare jQuery, si potrebbe provare http://api.jquery.com/jQuery.getJSON/

Commentari (0)