jQuery.parseJSON génère une erreur "JSON non valide" en raison d'un guillemet simple échappé dans JSON

Je fais des requêtes à mon serveur en utilisant jQuery.post()et mon serveur retourne des objets JSON (comme { "var": "value", ... }). Cependant, si l'une des valeurs contient un guillemet simple (correctement échappé comme \'), jQuery ne parvient pas à analyser une chaîne JSON par ailleurs valide. Voici un exemple de ce que je veux dire ( fait dans la console de Chrome ):

data = "{ \"status\": \"success\", \"newHtml\": \"Hello \\\'x\" }";
eval("x = " + data); // { newHtml: "Hello 'x", status: "success" }

$.parseJSON(data); // Invalid JSON: { "status": "success", "newHtml": "Hello \'x" }

Est-ce normal? N'y a-t-il aucun moyen de passer correctement un devis unique via JSON?

Selon le diagramme de la machine d'état sur le site Web JSON , seuls les caractères entre guillemets d'échappement sont autorisés, pas les guillemets simples. Il n'est pas nécessaire d'échapper les caractères de guillemet simple:

Mise à jour - Plus d'informations pour ceux qui sont intéressés:

Douglas Crockford ne dit pas spécifiquement pourquoi la spécification JSON n'autorise pas les guillemets simples échappés dans les chaînes. Cependant, lors de sa discussion sur JSON dans l' annexe E de JavaScript: The Good Parts , il écrit:

Les objectifs de conception de JSON devaient être minimes, portables, textuels et un sous-ensemble de JavaScript. Moins nous devons nous mettre d'accord pour interopérer, plus facilement nous pouvons interopérer.

Il a donc peut-être décidé de ne permettre que la définition de chaînes à l'aide de guillemets doubles, car il s'agit d'une règle de moins sur laquelle toutes les implémentations JSON doivent se mettre d'accord. Par conséquent, il est impossible pour un caractère guillemet simple dans une chaîne de terminer accidentellement la chaîne, car par définition une chaîne ne peut être terminée que par un caractère guillemet double. Par conséquent, il n'est pas nécessaire d'autoriser l'échappement d'un seul caractère guillemet dans la spécification formelle.

Les textes produits par les méthodes toString sont strictement conformes aux règles de syntaxe JSON. Les constructeurs sont plus indulgents dans les textes qu'ils accepteront:

...

• Les chaînes peuvent être citées avec '(guillemet simple).

Ceci est confirmé par le code source de JSONTokener . La nextStringméthode accepte les caractères de guillemet simple d'échappement et les traite comme des caractères de guillemet double:

public String nextString(char quote) throws JSONException {
    char c;
    StringBuffer sb = new StringBuffer();
    for (;;) {
        c = next();
        switch (c) {

        ...

        case '\\':
            c = this.next();
            switch (c) {

            ...

            case '"':
            case '\'':
            case '\\':
            case '/':
                sb.append(c);
                break;
        ...

En haut de la méthode se trouve un commentaire informatif:

Le format JSON formel n'autorise pas les chaînes entre guillemets simples, mais une implémentation est autorisée à les accepter.

Ainsi, certaines implémentations accepteront des guillemets simples - mais vous ne devriez pas vous fier à cela. De nombreuses implémentations populaires sont assez restrictives à cet égard et rejetteront JSON qui contient des chaînes entre guillemets simples et / ou des guillemets simples échappés.

Enfin, pour rattacher cela à la question d'origine, essayez d'jQuery.parseJSON abord d'utiliser l'analyseur JSON natif du navigateur ou une bibliothèque chargée telle que json2.js, le cas échéant (qui sur une note latérale est la bibliothèque sur laquelle la logique jQuery est basée si JSONn'est pas définie) . Ainsi, jQuery ne peut être aussi permissif que cette implémentation sous-jacente:

parseJSON: function( data ) {
    ...

    // Attempt to parse using the native JSON parser first
    if ( window.JSON && window.JSON.parse ) {
        return window.JSON.parse( data );
    }

    ...

    jQuery.error( "Invalid JSON: " + data );
},

Pour autant que je sache, ces implémentations adhèrent uniquement à la spécification JSON officielle et n'acceptent pas les guillemets simples, donc jQuery non plus.

Si vous avez besoin d'un guillemet simple à l'intérieur d'une chaîne, puisque \ 'n'est pas défini par la spécification, utilisez \u0027 voir http://www.utf8-chartable.de/ pour tous

modifier: veuillez excuser ma mauvaise utilisation du mot backticks dans les commentaires. Je voulais dire barre oblique inverse. Mon point ici est que dans le cas où vous avez des chaînes imbriquées dans d'autres chaînes, je pense qu'il peut être plus utile et plus lisible d'utiliser unicode au lieu de beaucoup de barres obliques inverses pour échapper à une seule citation. Si vous n'êtes pas imbriqué, il est vraiment plus facile de simplement y mettre une vieille citation.

Je comprends où se situe le problème et quand je regarde les spécifications, il est clair que les guillemets simples non échappés doivent être analysés correctement.

J'utilise la fonction jQuery.parseJSON de jquery pour analyser la chaîne JSON mais j'obtiens toujours l'erreur d'analyse lorsqu'il y a un seul guillemet dans les données préparées avec json_encode.

Serait-ce une erreur dans mon implémentation qui ressemble à ceci (PHP - côté serveur):

$data = array();

$elem = array();
$elem['name'] = 'Erik';
$elem['position'] = 'PHP Programmer';
$data[] = json_encode($elem);

$elem = array();
$elem['name'] = 'Carl';
$elem['position'] = 'C Programmer';
$data[] = json_encode($elem);

$jsonString = "[" . implode(", ", $data) . "]";

La dernière étape consiste à stocker la chaîne codée JSON dans une variable JS:

<script type="text/javascript">
employees = jQuery.parseJSON('<?=$marker; ?>');
</script>

Si j'utilise "" au lieu de '', cela génère toujours une erreur.

SOLUTION:

La seule chose qui a fonctionné pour moi a été d'utiliser le masque bitmap JSON_HEX_APOS pour convertir les guillemets simples comme ceci:

json_encode($tmp, JSON_HEX_APOS);

Existe-t-il une autre façon de résoudre ce problème? Mon code est-il incorrect ou mal écrit?

Merci

Lorsque vous envoyez un devis unique dans une requête

empid = " T'via"
empid =escape(empid)

Lorsque vous obtenez la valeur, y compris un seul devis

var xxx  = request.QueryString("empid")
xxx= unscape(xxx)

Si vous souhaitez rechercher / insérer la valeur qui inclut un seul devis dans une requête xxx=Replace(empid,"'","''")

Frapper un problème similaire en utilisant CakePHP pour sortir un bloc de script JavaScript en utilisant PHP natif json_encode. $contractorCompaniescontient des valeurs qui ont des guillemets simples et comme expliqué ci-dessus et attendu json_encode($contractorCompanies)ne leur échappe pas parce que son JSON valide.

<?php $this->Html->scriptBlock("var contractorCompanies = jQuery.parseJSON( '".(json_encode($contractorCompanies)."' );"); ?>

En ajoutant des addlashes () autour de la chaîne encodée JSON, vous échappez ensuite les guillemets permettant à Cake / PHP de faire écho au javascript correct au navigateur. Les erreurs JS disparaissent.

<?php $this->Html->scriptBlock("var contractorCompanies = jQuery.parseJSON( '".addslashes(json_encode($contractorCompanies))."' );"); ?>

J'essayais d'enregistrer un objet JSON d'une demande XHR dans un attribut HTML5 data- *. J'ai essayé plusieurs des solutions ci-dessus sans succès.

Ce que j'ai finalement fini par remplacer le guillemet simple 'par son code à l' 'aide d'une expression régulière après l'appel de la méthode stringify () de la manière suivante:

var productToString = JSON.stringify(productObject);
var quoteReplaced = productToString.replace(/'/g, "'");
var anchor = '<a data-product=\'' + quoteReplaced + '\' href=\'#\'>' + productObject.name + '</a>';
// Here you can use the "anchor" variable to update your DOM element.

Intéressant. Comment générez-vous votre JSON côté serveur? Utilisez-vous une fonction de bibliothèque (telle quejson_encode en PHP), ou construisez-vous la chaîne JSON à la main?

La seule chose qui attire mon attention est l'apostrophe d'échappement ( \'). Étant donné que vous utilisez des guillemets doubles, comme vous le devriez, il n'est pas nécessaire d'échapper aux guillemets simples. Je ne peux pas vérifier si c'est bien la cause de votre erreur jQuery, car je n'ai pas encore mis à jour moi-même la version 1.4.1.