JSON Analyser Chemin d'accès au Fichier

Je suis coincé en essayant d'obtenir le chemin d'accès correct au fichier local. J'ai les répertoires suivants:

Resources ->
   data ->
       file.json
   js ->
     folder ->
        script.js
   html ->
      folder ->
         file1.html

Je suis d'exécution script.js de file1.html, avec code js:

var answers = JSON.parse('../../data/file.json');
alert(answers);

Mais ça ne fonctionne pas, même alerte n'est pas de départ.
Quel est le problème?

Aussi j'ai essayé ceci:

function readJSON(file) {
    var request = new XMLHttpRequest();
    request.open('GET', file, false);
    request.send(null);
    if (request.status == 200)
        return request.responseText;
};

var temp = readJSON('../../data/file.json');
alert(temp);

Alerte non défini dans la présente affaire.

  • Alert undefined for me., ce qui était le status, n'a-t-elle produire une erreur dans la console?
  • Enfin, if (request.status == 200) fait des questions pour moi. Il donne à 0, même si il trouve le fichier. Si je le supprimer, tout est ok. Merci pour tout le monde!
InformationsquelleAutor jagger | 2013-06-07
  1. 43

    Depuis qu'il est dans le répertoire data/, ce que Vous devez faire:

    chemin d'accès au fichier est '../../data/file.json'

    $.getJSON('../../data/file.json', function(data) {         
    alert(data);
});

    Pur JS:

       var request = new XMLHttpRequest();
   request.open("GET", "../../data/file.json", false);
   request.send(null)
   var my_JSON_object = JSON.parse(request.responseText);
   alert (my_JSON_object.result[0]);
    • Je ne savais pas que vous pourriez passer un URI pour JSON.parse et de faire effectuer un REQUEST pour vous, où cela est-il documenté?
    • ouais.. modifier était sur le chemin.. pense devrait avoir répondu, après le fait
    • pour un pur js alerte n'est pas de départ aussi
    • my_JSON_object.le résultat est indéfini. Vous accéder à l'Javascript créé à partir du fichier JSON à travers my_JSON_object directement à la place.
    • XMLHttpRequest ne peut pas charger le fichier:///.../données.json. Origine de la croix demandes sont prises en charge uniquement pour les protocoles: http, de données, de chrome, chrome-extension, https, chrome-extension-ressource.
    • Je reçois ce même XMLHttpRequest erreur lors du développement local. Y a t-appels de réseau pour charger les locaux du fichier JSON et l'analyser pour une utilisation à l'intérieur de JavaScript côté client?

    InformationsquelleAutor karthikr
  2. 7

    Cette solution utilise un appel Asynchrone. Il est probablement mieux qu'une solution synchrone.

    var request = new XMLHttpRequest();
request.open("GET", "../../data/file.json", false);
request.send(null);
request.onreadystatechange = function() {
  if ( request.readyState === 4 && request.status === 200 ) {
    var my_JSON_object = JSON.parse(request.responseText);
    console.log(my_JSON_object);
  }
}
    • Bienvenue DONC. La bonne réponse. J'ai édité parce que c'est meilleur quand une réponse est le seul. Le Dialogue sur les autres réponses appropriées dans les commentaires.
    • Synchrone XMLHttpRequest sur le thread principal est déconseillée en raison de ses effets néfastes pour l'expérience de l'utilisateur final. Pour en savoir plus, consultez xhr.spec.whatwg.org.
    • Modifier la faux sur la ligne 2 à true. Sinon, c'est un fonctionnement synchrone.
    InformationsquelleAutor josephnvu
  3. 3

    Chargement locale fichier JSON

    Utiliser quelque chose comme cela

    $.getJSON("../../data/file.json", function(json) {
    console.log(json); //this will show the info in firebug console 
    alert(json);
});
    InformationsquelleAutor maazza
  4. 1
    var request = new XMLHttpRequest();
request.open("GET","<path_to_file>", false);
request.send(null);
var jsonData = JSON.parse(request.responseText);

    Ce code a fonctionné pour moi.

    InformationsquelleAutor Sumukh Bhandarkar
  5. 0

    Si Resources est le chemin de la racine, la meilleure manière d'accéder à file.json serait via /data/file.json

    • En fait, je le fais en titane webview, donc, normalement, les ressources devraient être chemin d'accès racine. Si je fais le document.emplacement.chemin d'accès et de démarrage dans le navigateur, je vais certainement obtenir le fichier:/// ...
    InformationsquelleAutor Kristaps Karlsons
  6. 0

    Mon cas, du code du travail est:

    var request = new XMLHttpRequest();
request.open("GET", "<path_to_file>", false);
request.overrideMimeType("application/json");
request.send(null);
var jsonData = JSON.parse(request.responseText);
console.log(jsonData);
    InformationsquelleAutor Mircea