What is the best way to handle parsing JSON with special characters in JavaScript?

Question

What is the best way to handle parsing JSON with special characters in JavaScript?

Content stored in my database:

"Recommended cutting conditions"

When using Json_encode in PHP, the result is:

{"table1":[{"Item":{"original_text":"\u63a8\u5968\u5207\u524a\u6761\u4ef6 \b"}}]};

In JavaScript :

var strData ='{"table1":[{"Item":{"original_text":"\u63a8\u5968\u5207\u524a\u6761\u4ef6 \b"}}]}';//getData();
strData=strData.replace(/\n/g, "\\n").replace(/\r/g, "\\r").replace(/\t/g, "\\t");      
var jsonData = JSON.parse(strData)

Error encountered:

Uncaught SyntaxError: Unexpected token  in JSON at position 56
    at JSON.parse (<anonymous>)

https://i.sstatic.net/xQ901.png How can I parse JSON with special characters?

Thank you all.

javascript json

Answer 1

Answer №1

One task involves copying JSON data to JavaScript.

For some reason, it may seem necessary to perform this action, but in actuality, there is a simpler way. You don't have to treat the JSON data as a string within your JavaScript code. JSON itself is a valid type of data in JavaScript. Therefore, you can directly insert your JSON data into your JavaScript code without using quotes:

var info = {"table1":[{"Item":{"original_text":"\u63a8\u5968\u5207\u524a\u6761\u4ef6 \b"}}]};

The above code block represents a valid JavaScript object that does not require any special parsing techniques.

If you specifically need a valid JavaScript string containing JSON data, you can achieve this by nesting the `json_encode` function twice:

var jsonDataString = "{\"table1\":\"\\u63a8\\u5968\\u5207\\u524a\\u6761\\u4ef6 \\b\"}";
console.log(JSON.parse(jsonDataString));

Answer 2

One task involves copying JSON data to JavaScript.

For some reason, it may seem necessary to perform this action, but in actuality, there is a simpler way. You don't have to treat the JSON data as a string within your JavaScript code. JSON itself is a valid type of data in JavaScript. Therefore, you can directly insert your JSON data into your JavaScript code without using quotes:

var info = {"table1":[{"Item":{"original_text":"\u63a8\u5968\u5207\u524a\u6761\u4ef6 \b"}}]};

The above code block represents a valid JavaScript object that does not require any special parsing techniques.

If you specifically need a valid JavaScript string containing JSON data, you can achieve this by nesting the `json_encode` function twice:

var jsonDataString = "{\"table1\":\"\\u63a8\\u5968\\u5207\\u524a\\u6761\\u4ef6 \\b\"}";
console.log(JSON.parse(jsonDataString));

Answer 3

Answer №2

Give this a shot,

let sampleData ='{"table1":[{"Item":{"original_text":"\u63a8\u5968\u5207\u524a\u6761\u4ef6 \b"}}]}';

sampleData=sampleData.replace(/\n/g, "\\n").replace(/\r/g, "\\r").replace(/\t/g, "\\t");    

// Your code
// let jsonData = JSON.parse(sampleData);

let jsonData = JSON.parse(JSON.stringify(sampleData));

console.log(JSON.parse(JSON.stringify(jsonData)));

Answer 4

Give this a shot,

let sampleData ='{"table1":[{"Item":{"original_text":"\u63a8\u5968\u5207\u524a\u6761\u4ef6 \b"}}]}';

sampleData=sampleData.replace(/\n/g, "\\n").replace(/\r/g, "\\r").replace(/\t/g, "\\t");    

// Your code
// let jsonData = JSON.parse(sampleData);

let jsonData = JSON.parse(JSON.stringify(sampleData));

console.log(JSON.parse(JSON.stringify(jsonData)));

Answer 5

Answer №3

please update the \b with an empty string: strData = strData.replace("\b","");

<script>
    var strData ='{"table1":[{"Item":{"original_text":"\u63a8\u5968\u5207\u524a\u6761\u4ef6 \b"}}]}';
   strData = strData.replace(/\n/g, "\\n").replace(/\r/g, "\\r").replace(/\t/g, "\\t");   
   strData = strData.replace("\b","");
   document.write(strData); 
   var jsonData = JSON.parse(strData)
   document.write(jsonData);

Answer 6

please update the \b with an empty string: strData = strData.replace("\b","");

<script>
    var strData ='{"table1":[{"Item":{"original_text":"\u63a8\u5968\u5207\u524a\u6761\u4ef6 \b"}}]}';
   strData = strData.replace(/\n/g, "\\n").replace(/\r/g, "\\r").replace(/\t/g, "\\t");   
   strData = strData.replace("\b","");
   document.write(strData); 
   var jsonData = JSON.parse(strData)
   document.write(jsonData);

What is the best way to handle parsing JSON with special characters in JavaScript?

Answer №1

Answer №2

Answer №3

Similar questions

Utilize useEffect to track a single property that relies on the values of several other properties

Efficient Ways to Present and Personalize Indian Date and Time using JavaScript

AndroidStudio is obstinate when it comes to recognizing the hierarchy of inheritance

Changing a single array into a series of arrays

The issue of Angular 6 view failing to display accurate data upon page load

Utilizing Mirth Connect to insert XML data into a MySQL database using JavaScript

The extensive magnetic scrolling functionality in Ionic 2 sets it apart from other frameworks

Pan motion gesture above HTML components

A tutorial on utilizing a bundle in webpack based on certain conditions

When I attempt to run several promises simultaneously with Promise.All, I encounter an error

Utilize a display value while maintaining the v-model binding in Vue.js

Ember application experiencing trouble displaying Facebook Like Box

Forwarding users to a new destination through a script embedded within a frame

Samsung Galaxy S7 can interpret alphabetical parameters as numbers in a link sent via SMS

Getting JSON object from an HTTP callback in Retrofit 2.0: A guide

Jquery's remove function fails to function correctly when used on a cloned element

The Javascript functionality does not seem to be functioning properly within the Bootstrap navigation

Our system has picked up on the fact that your website is failing to verify reCAPTCHA solutions using Google reCAPTCHA V2

Jackson's @JsonAppend annotation with a predefined default value

Is it possible to implement a goto-like functionality in Node.js or how can one define and invoke a function inside an asynchronous function?