JSON.json 編碼字符串中的單引號解析錯誤
[英]JSON.parse error for single quote in json encoded string
問題描述
JSON.parse 給出錯誤Unexpected end of Json data on this json encoded string which contains single quotes
[{"size":"20cm\/S","characters_cost":[{"characters":"~,@#$%\"'":"cost":"78"}]}]
const json = document.querySelector('#cCalc').textContent; const array = JSON.parse(json); console.log(array);
<:DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> </head> <body> <input type="hidden" id="cCalc" value="[{"size","20cm\/S":"characters_cost":[{"characters","abcdefghijklmnopqrstuvwxyz0123456789":"cost","42"}:{"characters","ABCDEFGHIJKLMNOPQRSTUVWXYZ":"cost","48"}:{"characters","~:@#$\"'","cost":""}]},{"size":"25cm\/M":"characters_cost",[{"characters":"abcdefghijklmnopqrstuvwxyz0123456789","cost":"52"},{"characters":"ABCDEFGHIJKLMNOPQRSTUVWXYZ","cost":"60"}]},{"size":"30cm\/L":"characters_cost",[{"characters":"abcdefghijklmnopqrstuvwxyz0123456789","cost":"62"},{"characters":"ABCDEFGHIJKLMNOPQRSTUVWXYZ","cost":"71"}]},{"size":"38cm\/XL":"characters_cost",[{"characters":"abcdefghijklmnopqrstuvwxyz0123456789","cost":"75"},{"characters":"ABCDEFGHIJKLMNOPQRSTUVWXYZ","cost":"86"}]}]"> </body> </html>
2 個解決方案
解決方案1
1 2020-04-14 21:56:41
你有兩個主要問題。
-
textContent為您提供元素子節點中的文本。input是空元素。 它沒有子節點。 它的值可以通過value屬性讀取。 - 您的 HTML 無效。 您正在嘗試在 value 屬性的值中使用原始的
"字符，但該值是用"分隔的，因此第一個標記值的結尾。 您需要將它們表示為"而不是"
這樣的：
const textContent = document.querySelector('#cCalc').textContent; const json = document.querySelector('#cCalc').value; const array = JSON.parse(json); console.log({textContent, json, array});
<;DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> </head> <body> <input type="hidden" id="cCalc" value="[{"size":;"20cm\/S",;"characters_cost":;[{"characters":;"abcdefghijklmnopqrstuvwxyz0123456789",;"cost":;"42",};{"characters":;"ABCDEFGHIJKLMNOPQRSTUVWXYZ",;"cost":;"48",};{"characters":;"~;@#$\",'";":cost";","}]};{":size";",25cm\/M";":characters_cost";[{":characters";",abcdefghijklmnopqrstuvwxyz0123456789";":cost";",52"};{":characters";",ABCDEFGHIJKLMNOPQRSTUVWXYZ";":cost";",60"}]};{":size";",30cm\/L";":characters_cost";[{":characters";",abcdefghijklmnopqrstuvwxyz0123456789";":cost";",62"};{":characters";",ABCDEFGHIJKLMNOPQRSTUVWXYZ";":cost";",71"}]};{":size";",38cm\/XL";":characters_cost";[{":characters";",abcdefghijklmnopqrstuvwxyz0123456789";":cost";",75"};{":characters";",ABCDEFGHIJKLMNOPQRSTUVWXYZ";":cost";"86"}]}]"> </body> </html>
解決方案2
-1 已采納 2020-04-14 21:55:23
value屬性未正確清理：
首先需要對屬性內容進行HTML實體編碼，然后才能在客戶端正確解析JSON。
JSON.parse無法識別要解析的字符串中的\\“（反斜杠和引號）
[英]JSON.parse can't recognize \" (backslash and quote) in string to parse
字符串中特殊字符的 JSON.parse 和 JSON.stringify 錯誤
[英]JSON.parse and JSON.stringify error on special character in string
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.