AJAX: Prüfen, ob eine Zeichenfolge JSON ist?

Question 1

Mein JavaScript stürzt manchmal in dieser Zeile ab:

var json = eval('(' + this.responseText + ')');

Abstürze werden verursacht, wenn das Argument von eval() ist kein JSON. Gibt es eine Möglichkeit zu überprüfen, ob die Zeichenfolge JSON ist, bevor Sie diesen Aufruf tätigen?

Ich möchte kein Framework verwenden – gibt es eine Möglichkeit, dies mit nur eval()? (Es gibt einen guten Grund, versprochen.)

Question 2

Wenn Sie die einbeziehen JSON-Parser von json.org können Sie die Funktion parse() verwenden und sie einfach in einen try/catch einschließen, etwa so:

try
{
   var json = JSON.parse(this.responseText);
}
catch(e)
{
   alert('invalid json');
}

So etwas würde wahrscheinlich das tun, was Sie wollen.

Question 3

Hers ist die jQuery-Alternative …

try
{
  var jsonObject = jQuery.parseJSON(yourJsonString);
}
catch(e)
{
  // handle error 
}

Question 4

Ich empfehle Ihnen dringend, a Javascript-JSON-Bibliothek zum Serialisieren von und nach JSON. eval() ist ein Sicherheitsrisiko, das niemals verwendet werden sollte, es sei denn, Sie sind es absolut sicher dass seine Eingabe bereinigt und sicher ist.

Wenn eine JSON-Bibliothek vorhanden ist, packen Sie den Aufruf einfach in seine parse() Äquivalent in einem try/catch-Block zur Verarbeitung von Nicht-JSON-Eingaben:

try
{
  var jsonObject = JSON.parse(yourJsonString);
}
catch(e)
{
  // handle error 
}

Question 5

Vielleicht hilft das: Mit diesem Code kommen Sie direkt an Ihre Daten…

<!DOCTYPE html>
<html>
<body>

<h3>Open console, please, to view result!</h3>
<p id="demo"></p>

<script>
var tryJSON = function (test) {
	try {
	    JSON.parse(test);
	}
	catch(err) {
    	// maybe you need to escape this… (or not)
	    test="""+test.replace(/\\?"/g,'\\"')+'"';
	}
	eval('test="+test);
	console.debug("Try json:', test);
};

// test with string…
var test="bonjour "mister"";
tryJSON(test);
// test with JSON…
var test="{"fr-FR": "<p>Ceci est un texte en français !</p>","en-GB": "<p>And here, a text in english!</p>","nl-NL": "","es-ES": ""}";
tryJSON(test);
</script>

</body>
</html>

Question 6

Das Problem mit je nach try-catch Ansatz ist das JSON.parse('123') = 123 und es wird keine Ausnahme ausgelöst. Daher zusätzlich zu den try-catchmüssen wir den Typ wie folgt überprüfen:

function isJsonStr(str) {
    var parsedStr = str;
    try {
        parsedStr = JSON.parse(str);
    } catch (e) {
        return false;
    }
    return typeof parsedStr == 'object'
}

Question 7

Warum können Sie nicht einfach überprüfen, was die Antwort ist? Es ist effizienter.

var result;

if (response.headers['Content-Type'] === 'application/json')
    result = JSON.parse(this.responseText);
else
    result = this.responseText;

Bildschirm1

Question 8

jQuery $.ajax() werde die hinzufügen responseJSON -Eigenschaft auf das Antwortobjekt, und um zu testen, ob die Antwort JSON ist, können Sie Folgendes verwenden:

if (xhr.hasOwnProperty('responseJSON')) {}