jQuery parseJSON

À recevoir cette erreur ("JSON.analyser: caractère inattendu") lorsque j'essaie d'analyser un JSON validé chaîne. Il fonctionne parfaitement lorsque je supprime les caractères qui ont besoin d'échappés (style="width:400px;"). Ce qui me manque? Est-il un moyen unique de caractères d'échappement avant d'utiliser parseJSON?

var $cookieString = '{"youTabItems": { "youTab-001": <p style=\"width:400px;\">Welcome to my test</p>, "youTab-002": "test02Value", "youTab-003": "test03Value" }}';

var $myCookieString = $.parseJSON($cookieString);

logThis($myCookieString);

Mise à jour

J'ai été en mesure d'obtenir la majorité de ce travail, jusqu'à ce que j'ai commencé la sauvegarde /récupération de cookies. Maintenant, la coupe du contenu après le point-virgule...des idées sur ce point? Je suis à l'aide de 3 fonctions que j'ai trouvé sur quirsmode.com pour la fonctionnalité des cookies (voir ci-dessous).

        function setCookie(name, value, days) { var date, expires; if (days) { date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = "; expires=" + date.toGMTString(); } else { expires = ""; } document.cookie = name + "=" + value + expires + "; path=/"; }
function getCookie(name) { var nameEQ = name + "=", ca = document.cookie.split(';'), c, i; for (i = 0; i < ca.length; i++) { c = ca[i]; while (c.charAt(0) === ' ') { c = c.substring(1, c.length); } if (c.indexOf(nameEQ) === 0) { return c.substring(nameEQ.length, c.length); } } return null; }
function eraseCookie(name) { setCookie(name, "", -1); }
var cookieObject = {"youTabItems": { "youTab-001": "<p style=\"width:400px;\">Welcome to my test</p>", "youTab-002": "test02Value", "youTab-003": "test03Value" }};
var cookieString = JSON.stringify($cookieVal);
setCookie('youTabItems', cookieString, 28);
InformationsquelleAutor Mark26855 | 2011-08-23
  1. 6
    var $cookieString = '{"youTabItems": { "youTab-001": "<p style=\\"width:400px;\\">Welcome to my test</p>", "youTab-002": "test02Value", "youTab-003": "test03Value" }}';
var $myCookieString = $.parseJSON($cookieString);

    Envelopper votre code html comme une chaîne de caractères pour faire le JSON valide.

    Pourquoi doubles barres obliques?

    La blackslash est le caractère d'échappement dans les chaînes de caractères JavaScript. Cela signifie que nous devons échapper elle-même à créer un littérale blackslash. Et nous avons besoin d'un backslash comme caractère d'échappement dans le JSON.

    Exemple:

    var json = '{"foo": "\\""}';

    va créer la chaîne

    {"foo": "\""}

    qui est JSON valide. Si nous n'avions qu'une barre oblique inverse, il serait de créer

    {"foo": """}

    qui n'est pas valide.

    Avis: Cela n'est nécessaire que parce que votre JSON est à l'intérieur d'un JavaScript chaîne. Si vous le servir par exemple comme une réponse HTTP, alors vous avez seulement besoin d'une barre oblique inverse. Mais tout ce que vous utilisez pour créer le JSON va s'échapper les guillemets automatiquement, donc vous ne devriez pas avoir à traiter avec cela.

    Mise à jour

    Une meilleure méthode pour stocker les données dans un cookie serait:

    var cookieObject = {"youTabItems": { "youTab-001": "<p style=\"width:400px;\">Welcome to my test</p>", "youTab-002": "test02Value", "youTab-003": "test03Value" }};
var cookieString = JSON.stringify(cookieObject);
    • Vous n'avez pas besoin d'échapper à la barre oblique avant de citations (sauf si vous êtes échapper à la slahs personnage lui-même). Juste en joignant le premier élément est suffisant.
    • Il n'est non seulement pas nécessaire, c'est une erreur. La suite " sera traitée comme la fin de la valeur.
    • Eh bien, ça dépend. Si vous êtes en train de créer JSON texte directement en JavaScript, vous en aurez besoin, sinon, l'analyseur va voir le " que la fermeture de cette valeur. jsfiddle.net/vSwWg
    • Le roi j'ai couru ce dans la console. Voir: jsfiddle.net/NxHKX
    • Ah droite. Parce qu'il est à l'intérieur d'un JavaScript chaîne.... désolé 🙂 (+1) de l'Omi, vous devez mentionner pourquoi vous avez besoin de la double slash. Parce que c'est quelque chose que quelqu'un peut facilement oublier (apparemment).
    • Mais là encore, je ne suis pas sûr de savoir pourquoi vous devez créer un format JSON chaîne de caractères en JavaScript, de sorte que vous pouvez l'analyser dans des objets JavaScript. Pourquoi ne pas simplement utiliser des littéraux en premier lieu?
    • Ouais.... peut-être que c'était juste pour l'exemple...
    • Les doubles barres obliques résolu le problème (avec les guillemets que j'ai enlevé pour une raison quelconque, quand je copie avait ici), mais quels sont exactement les doubles barres obliques en train de faire? var $cookieString = '{"youTabItems": { "youTab-001": "<p style=\\"width:400px;\\">Bienvenue sur mon test</p>", "youTab-002": "test02Value", "youTab-003": "test03Value" }}';
    • Il crée un littéral barre oblique dans la chaîne, ce qui est nécessaire pour travailler comme caractère d'échappement pour le parser JSON (\\" -> \"). Mais comme dit patrick, pourquoi ne pas créer un objet directement? Si vous servez le JSON à partir de quelque part d'autre (pas en JS chaîne), vous avez seulement besoin d'une barre oblique.
    • Kling: n'hésitez pas à modifier dans votre explication pour les futurs lecteurs pour les sauver de chalutage de ces commentaires.
    • Eh bien, mon plus gros problème est que je suis en train de stocker le JSON dans un cookie. Je suis en utilisant les Cookies plugin jQuery (code.google.com/p/cookies). Je suis en cours d'exécution dans les problèmes lorsque le plugin unserializes le cookie. Après bricoler avec elle, j'ai remarqué que si j'ai enlevé les caractères d'échappement, il serait de travailler.
    • Si vous créez un objet JS et définir le code HTML comme une chaîne de caractères (échappées) et ensuite utiliser JSON.stringify, il devrait fonctionner: jsfiddle.net/fkling/Yz3DA
    • Mark: j'ai ajouté un exemple pour la technique @Felix Kling faisait allusion.

    InformationsquelleAutor Gazler
  2. 0

    Le premier élément n'est pas entre guillemets:

    "youTab-001": "<pstyle=\"width: 400px;\">Welcometomytest</p>",
    InformationsquelleAutor Mrchief
  3. 0
    <p style=\"width:400px;\">Welcome to my test</p>

    est-il une valeur de chaîne? ensuite, il doit être cité

    InformationsquelleAutor Guard