JSON.Parse, 'Uncaught SyntaxError: Unerwartetes Token 0

Question

Ich habe Probleme mit JSON, das von einem Webdienst zurückgegeben wird. Es sieht so aus, als ob der JSON keine Anführungszeichen enthält, aber wenn ich dem JSON Zitate hinzufüge, erhalte ich einen Fehler. Hier ist die Fehlermeldung: 'Uncaught SyntaxError: Unexpected Token o. Wenn ich die Zeichenfolge log zu trösten: [object Object], [object Object]

Hier einige Beispiel-Code, der den Fehler simuliert:

//Error I am trying to solve 
var jsonString = '[{"Id":"10","Name":"Matt"},{"Id":"1","Name":"Rock"}]'; 
var myData = JSON.parse(jsonString); 

$(document).ready(function() { 
    var $grouplist = $('#groups'); 
    $.each(myData, function() { 
     $('<li>' + this.Name + '</li>').appendTo($grouplist); 
    }); 
}); 

Hier ist der gleiche Code ist mit den einfachen Anführungszeichen um die Zeichenfolge . Es funktioniert

//Successful Javascript 
var jsonString = '[{"Id":"10","Name":"Matt"},{"Id":"1","Name":"Rock"}]'; 
var myData = JSON.parse(jsonString); 

$(document).ready(function() { 
    var $grouplist = $('#groups'); 
    $.each(myData, function() { 
     $('<li>' + this.Name + '</li>').appendTo($grouplist); 
    }); 
}); 

//Successful HTML 
<ul id="groups"></ul> 

Aber wenn ich versuche Anführungszeichen in die Zeichenfolge zu schreiben, die ich in meinem echten Code zu brauchen scheinen, es scheitert:

//Does not work when I need to append quotes to the string: 
var jsonStringNoQuotes = [{"Id":"10","Name":"Matt"},{"Id":"1","Name":"Rock"}]; 
jsonStringQuotes = "'" + jsonStringNoQuotes + "'"; 
var myData = JSON.parse(jsonStringQuotes); 

$(document).ready(function() { 
    var $grouplist = $('#groups'); 
    $.each(myData, function() { 
     $('<li>' + this.Name + ',' + this.Id + '</li>').appendTo($grouplist); 
    }); 
}); 

Hier ist der Fehler: Protokoll Zeichenfolge console: [Objekt Objekt], [Objekt Objekt] data.js: 809 Uncaught SyntaxError: Unerwartetes Token '

Ich bin ratlos. Jede Hilfe wird geschätzt! Vielen Dank!

Answer 1

Ohne einfache Anführungszeichen erstellen Sie ein Array mit zwei Objekten darin. Dies ist die eigene Syntax von JavaScript. Wenn Sie die Anführungszeichen hinzufügen, ist dieses Objekt (Array + 2 Objekte) jetzt eine Zeichenfolge. Sie können JSON.parse verwenden, um eine Zeichenfolge in ein JavaScript-Objekt zu konvertieren. Sie können JSON.parse nicht verwenden, um ein JavaScript-Objekt in ein JavaScript-Objekt zu konvertieren.

//String - you can use JSON.parse on it 
var jsonStringNoQuotes = '[{"Id":"10","Name":"Matt"},{"Id":"1","Name":"Rock"}]'; 

//Already a javascript object - you cannot use JSON.parse on it 
var jsonStringNoQuotes = [{"Id":"10","Name":"Matt"},{"Id":"1","Name":"Rock"}]; 

Darüber hinaus schlägt das letzte Beispiel fehl, weil Sie der JSON-Zeichenfolge literale einfache Anführungszeichen hinzufügen. Das ist illegal. Die JSON-Spezifikation besagt, dass nur doppelte Anführungszeichen zulässig sind. Wenn Sie console.log waren die folgenden ...

console.log("'"+[{"Id":"10","Name":"Matt"},{"Id":"1","Name":"Rock"}]+"'"); 
//Logs: 
'[object Object],[object Object]' 

Sie würden sehen, dass es die Stringdarstellung des Arrays zurückgibt, die auf eine durch Kommata getrennte Liste umgewandelt wird, und jeder Listeneintrag würde die String-Darstellung eines sein Objekt, das ist [object Object]. Denken Sie daran, dass assoziative Arrays in Javascript einfach Objekte sind, bei denen jedes Schlüssel/Wert-Paar eine Eigenschaft/Wert ist.

Warum passiert das? Da Sie mit einer Zeichenfolge "'" beginnen, versuchen Sie dann, das Array an es anzuhängen, das die Zeichenfolgendarstellung von es anfordert, dann fügen Sie eine andere Zeichenfolge "'" an.

Bitte verwechseln Sie JSON nicht mit Javascript, da es sich um völlig unterschiedliche Dinge handelt. JSON ist ein Datenformat, das für Menschen lesbar ist und der Syntax entsprechen sollte, die beim Erstellen von JavaScript-Objekten verwendet wird. JSON ist eine Zeichenfolge. Javascript Objekte sind nicht, und daher, wenn sie in Code deklariert sind nicht in Anführungszeichen umgeben.

Sehen Sie diese Geige: http://jsfiddle.net/NrnK5/

Answer 2

Ihr letztes Beispiel ist ein ungültiger JSON. Einfache Anführungszeichen sind in JSON nur in Strings zulässig. Im zweiten Beispiel befinden sich die einfachen Anführungszeichen nicht in der Zeichenfolge, sondern dienen dazu, den Anfang und das Ende anzuzeigen.

Siehe http://www.json.org/ für die Spezifikationen.

Sollte hinzufügen: Warum denkst du das: "wie ich scheinen muss, um in meinem echten Code"? Dann können wir Ihnen vielleicht helfen, die Lösung zu finden.

Answer 3

var jsonStringNoQuotes = [{"Id":"10","Name":"Matt"},{"Id":"1","Name":"Rock"}]; 

es wird json Objekt erstellen. keine Notwendigkeit zu analysieren.

jsonStringQuotes = "'" + jsonStringNoQuotes + "'"; 

zurückkehren wird '[object]'

das ist, warum es (unten) verursacht Fehler

var myData = JSON.parse(jsonStringQuotes); 

Answer 4

Vielleicht was vom Server kommt, wird bereits als JSON-Objekt ausgewertet? Zum Beispiel mit jQuery get Methode:

$.get('/service', function(data) { 
    var obj = data; 

     /* 
     "obj" is evaluated at this point if server responded 
     with "application/json" or similar. 
     */ 
     for (var i = 0; i < obj.length; i++) { 
     console.log(obj[i].Name); 
     } 
    }); 

Alternativ, wenn Sie JSON-Objekt in JSON Stringliteral drehen müssen, können Sie JSON.stringify verwenden:

var json = [{"Id":"10","Name":"Matt"},{"Id":"1","Name":"Rock"}]; 
var jsonString = JSON.stringify(json); 

Aber in diesem Fall verstehe ich nicht, warum Sie können nicht einfach die json Variable nehmen und sich darauf beziehen, anstatt zu stringieren und zu parsen.