Bagaimana cara melepaskan diri dari string JSON yang berisi karakter baris baru menggunakan JavaScript?

Saya harus membentuk string JSON di mana nilai memiliki karakter baris baru. Ini harus lolos dan kemudian diposting menggunakan panggilan AJAX. Adakah yang bisa menyarankan cara untuk melarikan diri dari string dengan JavaScript. Saya tidak menggunakan jQuery.

Ambil JSON Anda dan .stringify()itu. Kemudian gunakan .replace()metode ini dan ganti semua kejadian \ndengan \\n.

EDIT:

Sejauh yang saya tahu, tidak ada perpustakaan JS terkenal untuk melarikan diri semua karakter khusus dalam sebuah string. Tetapi, Anda dapat membuat rantai .replace()metode dan mengganti semua karakter khusus seperti ini:

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. 

Tapi itu cukup jahat, bukan? Masukkan keindahan fungsi, karena memungkinkan Anda untuk memecah kode menjadi beberapa bagian dan menjaga alur utama skrip Anda bersih, dan bebas dari 8 .replace()panggilan berantai . Jadi mari kita letakkan fungsionalitas itu ke dalam fungsi yang disebut escapeSpecialChars(),. Mari kita pergi ke depan dan melampirkannya ke prototype chainsatu Stringobjek, sehingga kami dapat menghubungi escapeSpecialChars()langsung di String objek.

Seperti itu:

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");
};

Setelah kami mendefinisikan fungsi itu, isi utama kode kami sesederhana ini:

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

Sesuai dengan user667073 yang disarankan, kecuali menyusun ulang penggantian backslash terlebih dahulu, dan memperbaiki penggantian kutipan

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');
};

Seperti Anda, saya telah melihat beberapa komentar dan posting untuk mengganti karakter pelarian khusus di JSON saya yang berisi objek html di dalamnya.

Objek saya adalah menghapus karakter khusus dalam objek JSON dan juga me-render html yang ada di dalam objek json.

Inilah yang saya lakukan dan berharap sangat mudah digunakan.

Pertama saya melakukan JSON.stringify objek json saya dan JSON.parse hasilnya.

Untuk misalnya:

JSON.parse(JSON.stringify(jsonObject));

Dan itu memecahkan masalah saya dan selesai menggunakan Javascript Murni.

Saya takut mengatakan bahwa jawaban yang diberikan oleh Alex agak salah, dengan kata lain:

• Beberapa karakter yang dicoba Alex untuk melarikan diri tidak diharuskan untuk melarikan diri sama sekali (seperti & dan ');
• \ b sama sekali bukan karakter backspace melainkan pertandingan batas kata
• Karakter yang diperlukan untuk melarikan diri tidak ditangani.

Fungsi ini

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')
    ; };

tampaknya merupakan perkiraan yang lebih baik.

Pembaruan kecil untuk kutipan tunggal

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);

ini adalah pos lama. tetapi mungkin masih bermanfaat bagi mereka yang menggunakan angular.fromJson, dan JSON.stringify. escape () sudah usang. gunakan ini sebagai gantinya,

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

ref http://www.w3schools.com/jsref/jsref_decodeuricomponent.asp

Ada juga parameter kedua di JSON.stringify. Jadi, solusi yang lebih elegan adalah:

function escape (key, val) {
    if (typeof(val)!="string") return val;
    return val
      .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')
    ; 
}

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

Ini adalah pertanyaan lama tetapi solusinya tidak bekerja dengan baik bagi saya karena tidak menyelesaikan semua kasus. Saya akhirnya menemukan jawaban yang berhasil di sini

Saya akan memposting solusi gabungan saya baik menggunakan escape dan menyandikan komponen uri:

// implement JSON stringify serialization
JSON.stringify = JSON.stringify || function (obj) {
    var t = typeof (obj);
    if (t != "object" || obj === null) {
        // simple data type
        if (t == "string") obj = '"'+obj+'"';
        return String(obj);
    }
    else {
        // recurse array or object
        var n, v, json = [], arr = (obj && obj.constructor == Array);
        for (n in obj) {
            v = obj[n]; t = typeof(v);
            if (t == "string") v = '"'+v+'"';
            else if (t == "object" && v !== null) v = JSON.stringify(v);
            json.push((arr ? "" : '"' + n + '":') + String(v));
        }
        var rawString = (arr ? "[" : "{") + String(json) + (arr ? "]" : "}");
       return rawString;
    }
};
function escape (key, val) {
    if (typeof(val)!="string") return val;

    var replaced = encodeURIComponent(val);
    return replaced;
}

JSON.stringifyEscaped = function(obj){
    return JSON.stringify(obj,escape);
}

Lebih baik digunakan JSON.parse(yourUnescapedJson);

Gunakan json_encode () jika bahasa skrip sisi server Anda adalah PHP, json_encode()lewati baris baru & token tak terduga lainnya untuk Anda (jika tidak menggunakan tampilan PHP untuk fungsi serupa untuk bahasa skrip Anda)

lalu gunakan $.parseJSON()di JavaScript Anda, selesai!

Saya mendapat situasi yang sama di salah satu panggilan Ajax saya, di mana JSONada kesalahan karena baris baru di bidang Textarea. Solusi yang diberikan di sini tidak berhasil untuk saya. Jadi saya menggunakan .escapefungsi Javascript dan bekerja dengan baik. Kemudian untuk mengambil nilai dari JSON, saya hanya menggunakan unescaped .unescape.

Saya menggunakan built in jQuery.serialize () untuk mengekstrak nilai dari textarea untuk urlencode input. Bagian pro adalah bahwa Anda tidak perlu mencari mengganti setiap karakter khusus Anda sendiri dan saya juga menjaga baris baru dan lolos dari html. Untuk membuat serialisasi agar berfungsi, tampaknya bidang input perlu memiliki atribut nama dan juga menambahkan atribut yang sama ke string yang lolos yang perlu diganti. Mungkin bukan yang Anda cari, tetapi itu bekerja untuk saya.

var myinputfield = jQuery("#myinputfield"); 
var text = myinputfield.serialize();
text = text.replace(myinputfield.attr('name') + '=','');

Ketika menggunakan segala bentuk Ajax, dokumentasi terperinci untuk format tanggapan yang diterima dari server CGI tampaknya kurang di Web. Beberapa entri di sini menunjukkan bahwa baris baru dalam teks yang dikembalikan atau data json harus melarikan diri untuk mencegah loop tak terbatas (hang) dalam konversi JSON (mungkin dibuat dengan melemparkan pengecualian yang tidak tertangkap), baik dilakukan secara otomatis oleh jQuery atau secara manual menggunakan sistem Javascript atau pustaka JSON pustaka panggilan.

Dalam setiap kasus di mana programmer memposting masalah ini, solusi yang tidak memadai disajikan (paling sering mengganti \ n oleh \ n di sisi pengiriman) dan masalah tersebut dibatalkan. Ketidakmampuan mereka terungkap ketika melewati nilai string yang secara tidak sengaja menanamkan urutan pelarian kendali, seperti nama path Windows. Contohnya adalah "C: \ Chris \ Roberts.php", yang berisi karakter kontrol ^ c dan ^ r, yang dapat menyebabkan konversi JSON dari string {"file": "C: \ Chris \ Roberts.php"} ke lingkaran selamanya. Salah satu cara untuk menghasilkan nilai-nilai tersebut adalah dengan sengaja mencoba untuk menyampaikan peringatan PHP dan pesan kesalahan dari server ke klien, ide yang masuk akal.

Menurut definisi, Ajax menggunakan koneksi HTTP di belakang layar. Koneksi tersebut meneruskan data menggunakan GET dan POST, yang keduanya membutuhkan pengodean data yang dikirim untuk menghindari sintaks yang salah, termasuk karakter kontrol.

Ini memberi cukup petunjuk untuk membangun apa yang tampaknya menjadi solusi (perlu pengujian lebih lanjut): untuk menggunakan rawurlencode pada sisi PHP (pengiriman) untuk menyandikan data, dan menghapus tanda pada sisi Javascript (penerima) untuk mendekode data. Dalam beberapa kasus, Anda akan menerapkan ini ke seluruh string teks, dalam kasus lain Anda hanya akan menerapkannya pada nilai-nilai di dalam JSON.

Jika ide ini ternyata benar, contoh-contoh sederhana dapat dibangun untuk membantu programmer di semua tingkatan menyelesaikan masalah ini untuk selamanya.

Sepertinya ini adalah posting kuno benar-benar :-) Tapi teman-teman, solusi terbaik yang saya miliki untuk ini, menjadi 100% bekerja tanpa kode rumit, adalah dengan menggunakan kedua fungsi pengkodean / decoding ke base64. Ini adalah atob () dan btoa (). Sejauh ini cara termudah dan terbaik, tidak perlu khawatir jika Anda melewatkan karakter apa pun untuk melarikan diri.

George

Jika Googles Anda terus mendaratkan Anda di sini dan api Anda melontarkan kesalahan kecuali tanda kutip ganda JSON Anda lolos ( "{\"foo\": true}"), yang perlu Anda lakukan adalah meringkas dua kali misalnyaJSON.stringify(JSON.stringify(bar))

Gunakan encodeURIComponent () untuk menyandikan string.

Misalnya. var myEscapedJSONString = encodeURIComponent (JSON.stringify (myJSON));

Anda tidak perlu men-decode karena server web secara otomatis melakukan hal yang sama.

Jangan pernah menggunakan ekspresi reguler (maksud saya tidak pernah sama sekali). Cara terbaik dan efektif:

String.prototype.escapeJSON = function() {
    var result = "";
    for (var i = 0; i < this.length; i++)
    {
        var ch = this[i];
        switch (ch)
        {
            case "\\": ch = "\\\\"; break;
            case "\'": ch = "\\'"; break;
            case "\"": ch = '\\"'; break;
            case "\&": ch = "\\&"; break;
            case "\t": ch = "\\t"; break;
            case "\n": ch = "\\n"; break;
            case "\r": ch = "\\r"; break;
            case "\b": ch = "\\b"; break;
            case "\f": ch = "\\f"; break;
            case "\v": ch = "\\v"; break;
            default: break;
        }

        result += ch;
    }

    return result;
};