Comment échapper à une chaîne JSON contenant des caractères de nouvelle ligne en utilisant JavaScript ?

Question

Je dois former une chaîne JSON dans laquelle une valeur a un caractère de nouvelle ligne. Ce caractère doit être échappé et ensuite affiché en utilisant un appel AJAX. Quelqu'un peut-il suggérer un moyen d'échapper à la chaîne avec JavaScript. Je n'utilise pas jQuery.

Answer 1

Prenez votre JSON et .stringify() il. Ensuite, utilisez le .replace() et remplacer toutes les occurrences de \n avec \\n .

EDIT :

Pour autant que je sache, il n'existe pas de bibliothèque JS connue pour l'échappement de tous les caractères spéciaux dans une chaîne de caractères. Mais, vous pourriez enchaîner les .replace() et remplacez tous les caractères spéciaux comme ceci :

var myJSONString = JSON.stringify(myJSON);
var myEscapedJSONString = myJSONString.replace(/\\n/g, "\\n")
                                      .replace(/\\'/g, "\\'")
                                      .replace(/\\"/g, '\\"')
                                      .replace(/\\&/g, "\\&")
                                      .replace(/\\r/g, "\\r")
                                      .replace(/\\t/g, "\\t")
                                      .replace(/\\b/g, "\\b")
                                      .replace(/\\f/g, "\\f");
// myEscapedJSONString is now ready to be POST'ed to the server. 

Mais c'est plutôt méchant, n'est-ce pas ? C'est là qu'intervient la beauté des fonctions, car elles vous permettent de diviser le code en morceaux et de garder le flux principal de votre script propre, et sans 8 enchaînés. .replace() appels. Mettons donc cette fonctionnalité dans une fonction appelée , escapeSpecialChars() . Allons-y et attachons le à la prototype chain de la String de sorte que nous pouvons appeler escapeSpecialChars() directement sur les objets String.

Comme ça :

String.prototype.escapeSpecialChars = function() {
    return this.replace(/\\n/g, "\\n")
               .replace(/\\'/g, "\\'")
               .replace(/\\"/g, '\\"')
               .replace(/\\&/g, "\\&")
               .replace(/\\r/g, "\\r")
               .replace(/\\t/g, "\\t")
               .replace(/\\b/g, "\\b")
               .replace(/\\f/g, "\\f");
};

Une fois que nous avons défini cette fonction, le corps principal de notre code est aussi simple que ceci :

var myJSONString = JSON.stringify(myJSON);
var myEscapedJSONString = myJSONString.escapeSpecialChars();
// myEscapedJSONString is now ready to be POST'ed to the server

Answer 2

Comme l'a suggéré l'utilisateur 667073, sauf qu'il faut d'abord réorganiser le remplacement des barres obliques inversées et corriger le remplacement des guillemets.

escape = function (str) {
  return str
    .replace(/[\\]/g, '\\\\')
    .replace(/[\"]/g, '\\\"')
    .replace(/[\/]/g, '\\/')
    .replace(/[\b]/g, '\\b')
    .replace(/[\f]/g, '\\f')
    .replace(/[\n]/g, '\\n')
    .replace(/[\r]/g, '\\r')
    .replace(/[\t]/g, '\\t');
};

Answer 3

J'ai peur de dire que la réponse donnée par Alex est plutôt incorrecte, pour ne pas dire plus :

• Certains caractères qu'Alex tente d'échapper ne doivent pas être échappés du tout (comme & et ') ;
• \b n'est pas du tout le caractère de retour en arrière mais plutôt une correspondance de limite de mot
• Les caractères devant être échappés ne sont pas traités.

Cette fonction

escape = function (str) {
    // TODO: escape %x75 4HEXDIG ?? chars
    return str
      .replace(/[\"]/g, '\\"')
      .replace(/[\\]/g, '\\\\')
      .replace(/[\/]/g, '\\/')
      .replace(/[\b]/g, '\\b')
      .replace(/[\f]/g, '\\f')
      .replace(/[\n]/g, '\\n')
      .replace(/[\r]/g, '\\r')
      .replace(/[\t]/g, '\\t')
    ; };

semble être une meilleure approximation.

Answer 4

Une petite mise à jour pour les guillemets simples

function escape (key, val) {
    if (typeof(val)!="string") return val;
    return val      
        .replace(/[\\]/g, '\\\\')
        .replace(/[\/]/g, '\\/')
        .replace(/[\b]/g, '\\b')
        .replace(/[\f]/g, '\\f')
        .replace(/[\n]/g, '\\n')
        .replace(/[\r]/g, '\\r')
        .replace(/[\t]/g, '\\t')
        .replace(/[\"]/g, '\\"')
        .replace(/\\'/g, "\\'"); 
}

var myJSONString = JSON.stringify(myJSON,escape);

Answer 5

Il s'agit d'un ancien article, mais il peut encore être utile pour ceux qui utilisent angular.fromJson et JSON.stringify. escape() est déprécié. Utilisez ceci à la place,

var uri_enc = encodeURIComponent(uri); //before you post the contents
var uri_dec = decodeURIComponent(uri_enc); //before you display/use the contents.

réf. http://www.w3schools.com/jsref/jsref_decodeuricomponent.asp