php小编新一在使用JavaScript格式化JSON时可能会遇到一个常见问题,即由于数据中的双引号标志,导致出现错误。这是因为在JavaScript中,双引号用于定义字符串,所以当数据中出现双引号时,JavaScript会将其解析为字符串的结束标志,从而导致错误。为了解决这个问题,可以使用转义字符”来转义双引号,告诉JavaScript这是一个普通的双引号而不是字符串的结束标志,从而成功格式化JSON数据。
问题内容
我使用以下代码片段,在页面上清晰地显示
标记中的所有 json 字符串,其中 id="jsontext" 。var p = document.queryselectorall("#jsontext");var parray = [...p]parray.foreach(p => {var data = p.textcontent;p.textcontent = json.stringify(json.parse(data), null, 2);});登录后复制
但是,当数据中存在双引号 (") 时,我会收到错误。
注意:json 中有问题的字段是“description”键值中的“hardcore”部分。
立即学习“Java免费学习笔记(深入)”;
错误:
jquery.min.js:2 uncaught syntaxerror: expected ',' or '}' after property value in json at position 289 at json.parse () at getnews:152:33 at array.foreach () at htmldocument. (getnews:143:20) at e (jquery.min.js:2:30005) at t (jquery.min.js:2:30307)(anonymous) @ getnews:152(anonymous) @ getnews:143...登录后复制
我尝试了各种正则表达式方法来纠正双引号,但这些方法导致插入不应插入转义字符的位置,或者根本不起作用。
这是
标记中的 json 文本。 (这些字段由 golang 的模板填充。){"guid": "{{.id}}", "title": "{{.title}}", "url": "{{.url}}", "description": "{{.description}}", "sourcename": "{{.sourcename}}", "sourceurl": "{{.sourceurl}}", "imageurl": "{{.imageurl}}", "language": "{{.language}}", "location": "{{.location}}", "time": {{.time}}, "tags": "{{.tags}}", "type": {{.type}}}登录后复制
我尝试了方法1:
var escapeddata = data.replace(/"/g, "\"");console.log("escaped json: ", escapeddata);jsondata = json.parse(escapeddata);p.textcontent = json.stringify(jsondata, null, 2);console.log("fixed json: ", p.textcontent);登录后复制
注意:json 中有问题的字段是“description”键值中的“hardcore”部分。
立即学习“Java免费学习笔记(深入)”;
输入:
{"guid": "https://www.bbc.co.uk/news/business-63648505", "title": "elon musk tells twitter staff to work long hours or leave", "url": "https://www.bbc.co.uk/news/business-63648505?at_medium=rss&at_campaign=karanga", "description": "elon musk says workers at the social media firm must be "hardcore" if they want to stay, reports say.", "sourcename": "bbc", "sourceurl": "https://www.bbc.com/news", "imageurl": "https://www.bbc.com/news/special/2015/newsspec_10857/bbc_news_logo.png?cb=1", "language": "en", "location": "uk", "time": 1668616715, "tags": "", "type": 2}登录后复制
输出:
escaped json: {"guid": "https://www.bbc.co.uk/news/business-63648505", "title": "elon musk tells twitter staff to work long hours or leave", "url": "https://www.bbc.co.uk/news/business-63648505?at_medium=rss&at_campaign=karanga", "description": "elon musk says workers at the social media firm must be "hardcore" if they want to stay, reports say.", "sourcename": "bbc", "sourceurl": "https://www.bbc.com/news", "imageurl": "https://www.bbc.com/news/special/2015/newsspec_10857/bbc_news_logo.png?cb=1", "language": "en", "location": "uk", "time": 1668616715, "tags": "", "type": 2}登录后复制
我尝试了方法2:
var escapedData = data.replace(/"([^"]+)"/g, function(match, capture) { return '"' + capture.replace(/"/g, "\"") + '"';});jsonData = JSON.parse(escapedData);p.textContent = JSON.stringify(jsonData, null, 2);console.log("Fixed JSON: ", p.textContent);登录后复制
方法 2 的输出与输入相同。
我想要的只是 json 文本看起来像这样。
预先感谢您的帮助。
解决方法
由于您使用带有 handlebars 的 goland 模板,如果描述字段包含引号(如您所描述的),您的 json 格式将会失败。您的扩展字符串:
"description": "elon musk says workers at the social media firm must be "hardcore" if they want to stay, reports say.",登录后复制
需要转义为:
"description": "elon musk says workers at the social media firm must be "hardcore" if they want to stay, reports say.",登录后复制
我不熟悉 golang 的 handlebars,但假设它与常规 handlebars 兼容,您可以注册一个辅助函数来正确转义双引号,以便使用,例如:
"description": "{{{escapequotes .description}}}",登录后复制
定义辅助函数来转义引号,如下所示:
Handlebars.registerHelper('escapeQuotes', function (aString) { return aString.replace(/"/g, '\"');});登录后复制
您可以在 handlebars 游乐场上尝试一下,网址为 https://www.php.cn/link/fd92a703e837c873aca02bf1edfafcfe一个>
以上就是使用 JavaScript 格式化 JSON 时,由于数据中的“(双引号)标志,我收到错误的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2484394.html