Laden einer lokalen JSON-Datei

Question

Laden einer lokalen JSON-Datei

Gefragt el 8 de September, 2011: Wann wurde die Frage gestellt
1326933 Ansichten: Anzahl der Besuche der Frage
5 Antworten: Anzahl der Fragenantworten
Gelöst: Aktueller Status der Frage

Ich versuche, eine lokale JSON-Datei zu laden, aber es wird nicht funktionieren. Hier ist mein JavaScript-Code (mit jQuery):

var json = $.getJSON("test.json");
var data = eval("(" +json.responseText + ")");
document.write(data["a"]);

Die Datei test.json:

{"a" : "b", "c" : "d"}

Es wird nichts angezeigt und Firebug sagt mir, dass data ist undefiniert. In Firebug kann ich sehen json.responseText und es ist gut und gültig, aber es ist seltsam, wenn ich die Zeile kopiere:

 var data = eval("(" +json.responseText + ")");

in der Firebug-Konsole funktioniert es, und ich kann auf Daten zugreifen.

Hat jemand eine Lösung?

Gefragt el 8 de September, 2011 von Patrick Browne

Answer 1

5 Antworten

Answer 2

-1voto

Feng Zhang Punkte 1202

function readTextFile(srcfile) {
        try { //this is for IE
            var fso = new ActiveXObject("Scripting.FileSystemObject");;
            if (fso.FileExists(srcfile)) {
                var fileReader = fso.OpenTextFile(srcfile, 1);
                var line = fileReader.ReadLine();
                var jsonOutput = JSON.parse(line); 
            }

        } catch (e) {

        }
}

readTextFile("C:\\Users\\someuser\\json.txt");

Ich habe zunächst auf der Registerkarte "Netzwerk" den Netzwerkverkehr für den Dienst aufgezeichnet und aus dem Antwortkörper das json-Objekt kopiert und in einer lokalen Datei gespeichert. Dann rufen Sie die Funktion mit dem lokalen Dateinamen auf. Sie sollten das json-Objekt in jsonOutout oben sehen können.

Beantwortet el 22 de Dezember, 2017 von Feng Zhang (1202 Punkte )

Answer 3

-1voto

Jeeva Punkte 1621

json_str = String.raw`[{"name": "Jeeva"}, {"name": "Kumar"}]`;
obj = JSON.parse(json_str);

console.log(obj[0]["name"]);

Ich tat dies für meine Cordova app, wie ich eine neue Javascript-Datei für die JSON erstellt und fügte die JSON-Daten in String.raw und parsen ihn dann mit JSON.parse

Beantwortet el 1 de September, 2017 von Jeeva (1621 Punkte )

Answer 4

-1voto

Bishwas Mishra Punkte 1094

Bei mir hat das folgende funktioniert:

Eingabe:

http://ip_address//some_folder_name//render_output.html?relative/path/to/json/fie.json

Javascript Code:

<html>
<head>

<style>
pre {}
.string { color: green; }
.number { color: darkorange; }
.boolean { color: blue; }
.null { color: magenta; }
.key { color: red; }
</style>

<script>
function output(inp) {
    document.body.appendChild(document.createElement('pre')).innerHTML = inp;
}

function gethtmlcontents(){
    path = window.location.search.substr(1)
    var rawFile = new XMLHttpRequest();
    var my_file = rawFile.open("GET", path, true)  // Synchronous File Read
    //alert('Starting to read text')
    rawFile.onreadystatechange = function ()
    {
        //alert("I am here");
        if(rawFile.readyState === 4)
        {
            if(rawFile.status === 200 || rawFile.status == 0)
            {
                var allText = rawFile.responseText;
                //alert(allText)
                var json_format = JSON.stringify(JSON.parse(allText), null, 8)
                //output(json_format)
                output(syntaxHighlight(json_format));
            }
        }
    }
    rawFile.send(null);
}

function syntaxHighlight(json) {
    json = json.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
    return json.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g, function (match) {
        var cls = 'number';
        if (/^"/.test(match)) {
            if (/:$/.test(match)) {
                cls = 'key';
            } else {
                cls = 'string';
            }
        } else if (/true|false/.test(match)) {
            cls = 'boolean';
        } else if (/null/.test(match)) {
            cls = 'null';
        }
        return '<span class="' + cls + '">' + match + '</span>';
    });
}

gethtmlcontents();
</script>
</head>
<body>
</body>
</html>

Beantwortet el 24 de Februar, 2018 von Bishwas Mishra (1094 Punkte )

Answer 5

-1voto

Kenny806 Punkte 585

Ich habe keine Lösung gefunden, die die Closure-Bibliothek von Google verwendet. Nur um die Liste für zukünftige Besucher zu vervollständigen, hier ist, wie Sie ein JSON aus einer lokalen Datei mit Closure-Bibliothek laden:

goog.net.XhrIo.send('../appData.json', function(evt) {
  var xhr = evt.target;
  var obj = xhr.getResponseJson(); //JSON parsed as Javascript object
  console.log(obj);
});

Beantwortet el 26 de Kann, 2015 von Kenny806 (585 Punkte )

Answer 6

-1voto

hwak Punkte 270

Einfachste Möglichkeit: json-Datei als *.js speichern und als Skript in die HTML-Vorlage einfügen.

js-Datei wie folgt:

let fileJsonData = {
  someField: someValue,
  ...
}

beinhalten dies:

...
<script src="./js/jsonData.js"></script>
...

Nach dem Einbinden können Sie aufrufen zu fileJsonData in globaler Reichweite.

Beantwortet el 31 de Januar, 2021 von hwak (270 Punkte )

Laden einer lokalen JSON-Datei

Antworten

Empfohlene Fragen

Top-Tags

CodeJaeger.com

Powered by:

Laden einer lokalen JSON-Datei

Antworten

Verwandte Fragen

Empfohlene Fragen

Top-Tags

CodeJaeger.com

Powered by: