json文件中的换行问题

Question

I export data out of a system and get this block of content, how do i remove the line breaks so it is all one line.

I have tried various things such as " jsonData.replace(/[\\r\\n]+/g, '\\n\\n'); ", but nothing seems to work.

{"pageUrl":"/about","name":"About Us","content":"\n    \n        \n        
\n    
About
\n        
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo 
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse 
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non 
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\n        
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo 
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse 
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non 
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\n    \n"}

this is the code in whole, the above is just one item in the json file

function list_pages(){
    var access_token = BCAPI.Helper.Site.getAccessToken();
    var request = $.ajax({
        url: "/webresources/api/v3/sites/current/pages?fields=pageUrl,name,content",
        type: "GET",
        connection: "keep-alive",
        contentType: "application/json",
        headers: {
            "Authorization": $.cookie('access_token')
        }
    });
    request.done(function (msg) {
        var myJSONString = JSON.stringify(msg.items);
        **var myEscapedJSONString = myJSONString.replace(/[\r\n]/g, '');**
        $( "#results" ).append( myEscapedJSONString );
    })
    request.fail(function (jqXHR) {
        console.log("Request failed.");
        console.log("Error code: " + jqXHR.status);
        console.log("Error text: " + jqXHR.statusText);
        console.log("Response text: " + jqXHR.responseText);
    })
   }

Answer 1

Updated Answer :

Your edit to the question completely changes it. You're doing a replace on the result of JSON.stringify , which will never produce the JSON you have in the question (with actual carriage return and/or newline characters in the string).

In a comment, you've said your goal is to see the formatted JSON data. To do that:

• Tell JSON.stringify to format it by adding null, n to the call, where n is how much you want things indented. So for instance: JSON.stringify(msg.items, null, 4) .
• Replace & with & and < with < (in that order).
• Output to an element with one of the pre settings for its white-space CSS setting (a pre element, for instance, but you can do it with CSS as well)

So:

var htmlToDisplay = jsonData
    .replace(/&/g, "&")
    .replace(/</g, "&lt;");

...and then put it in an element with white-space: pre .

Example:

 var msg = { items: [ { pageUrl: "/about", name: "About Us", content: "\\n \\n \\n \\n About\\n Lorem ipsum dolor sit amet, consectetur adipisicing elit..." } ] }; var jsonData = JSON.stringify(msg.items, null, 4); var htmlToDisplay = jsonData .replace(/&/g, "&amp;") .replace(/</g, "&lt;"); $("#results").append(htmlToDisplay); 

 #results { white-space: pre; font-family: monospace; } 

 <div id="results"></div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 

There are other settings for white-space you might try, like pre-wrap :

 var msg = { items: [ { pageUrl: "/about", name: "About Us", content: "\\n \\n \\n \\n About\\n Lorem ipsum dolor sit amet, consectetur adipisicing elit..." } ] }; var jsonData = JSON.stringify(msg.items, null, 4); var htmlToDisplay = jsonData .replace(/&/g, "&amp;") .replace(/</g, "&lt;"); $("#results").append(htmlToDisplay); 

 #results { white-space: pre-wrap; font-family: monospace; } 

 <div id="results"></div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 

---

Original Answer :

You don't want to replace those invalid line breaks with line breaks; you want to replace them with nothing:

jsonData = jsonData.replace(/[\r\n]/g, '');

 let jsonData = document.getElementById("the-json").textContent; jsonData = jsonData.replace(/[\\r\\n]/g, ''); console.log(JSON.parse(jsonData)); 

 <script id="the-json" type="text/json">{"pageUrl":"/about","name":"About Us","content":"\\n \\n \\n \\n About \\n Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. \\n Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. \\n \\n"}</script>