JS处理嵌套json字符串的办法

最新推荐文章于 2024-10-11 10:25:36 发布
最新推荐文章于 2024-10-11 10:25:36 发布
阅读量2.5k 收藏 1
点赞数
分类专栏： web开发 文章标签： javascript json python
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Vincent_zhang1949/article/details/131624209
版权
文章讨论了在Python发送HTTP请求时遇到的数据格式问题，主要集中在JSON对象的处理上。当Python端发送的数据到达JavaScript（JS）端时，JSON.parse()方法无法正确解析字符串化的JSON，因为字符串中含有单引号。尝试用正则表达式替换引号导致了解析错误。解决方法是使用eval()函数来正确解析包含单引号的JSON字符串。
摘要由CSDN通过智能技术生成

问题

python端http请求传输数据格式，如：

body = {"param":{"data":"{'username':'vincent'}"}}

JS端接收后预期是可以将python端传输的{"data":"{'username':'vincent'}"}转换为JSON对象，但实际通过键param取到的值是一个字符串{'data': '{\"username\":\"vincent\"}'}，JSON.parse解析时报错如下：

Uncaught SyntaxError: Expected property name or ‘}’ in JSON at position 1
at JSON.parse ()
at :1:6

当然合法的JSON字符串键值是双引号标记的，而尝试通过正则替换：.replace(/['"]/g,'"'替换引号时将导致第二个{后的引号截断整个字串的解析。

解决办法

正确的解析方法是利用eval()：

eval("(" + `{'data': '{\"username\":\"vincent\"}'}` + ")")
v1nw1n
关注
专栏目录
在js中嵌套json数据
qq_35069673的博客
04-02 2448
需求：从后端传来的json数据还需要包装过才能放到handlebars的tpl中 1.从后端传来的数据： { "code": "0", "message": "成功", "cause": null, "data": [{ "category": "1", "dictionary": "分类信息" }] } 现在这个要插入到tpl文件中 {{#each json}} {{#eac...
使用JSON.parse将json字符串转换成json对象的时候会出错
01-19
在对数据库取出来的数据（特别是描述信息）里面含有特殊字符的话，使用JSON.parse将json字符串转换成json对象的时候会出错，主要是双引号，回车换行等影响明显，左尖括号和右尖括号也会导致显示问题，所以要在输出到页面进行json对象转换之前将一些特殊符合进行编码或转义，下面展示的是C#代码编码和转义几个常用特殊字符。经过笔者测试，将这些符号编码和转义之后，大部分json字符串都可以转换成json对象了。如果遇到个别问题，应朝着这个方向去查找问题。 theString = theString.Replace(>, >); theString = theString.Replace
js解析多层嵌套的json，取出所有父元素属性和遍历所有子元素
Calamus
09-02 5026
已知一个多层嵌套的json，取出所有父元素和子元素的id值 思路：因为不知道到底嵌套了多少层，递归有可能造成栈溢出、查询时间特别久的问题 所以先查询一次，判断是否有子节点，如果有，取出子节点并到父节点上，并动态更改数据长度，这样无限循环处理json取出所有id menuIdInit () { var _this = th...
多层嵌套json字符串(jsonStr)写入redis
最新发布
zyq2217330101的博客
10-11 409
5、判断字符串是否为json格式。2、将字符串转为json格式。4、将json写入redis。3、对json格式进行解析。
JS获取元素多层嵌套思路详解
12-28
如果一段html嵌套过多，在js中获取还是比较麻烦的，我写了几套方案，大家可以参考参考，如果你有好的方法，也分享出来，让我们瞧瞧。 HTML： <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <title>元素多层嵌套，JS获取问题</title> </head> <body> <div id=box> <span>span</span> <div> <span>span</span> <a> <span>1</span> </a> </div> <div> <a> <spa
使用JavaScript编程分析多级嵌套JSON文档数据
肖永威的专栏
11-29 6537
介绍MongoDB数据库中文档数据展现具有纵跨的报表案例。报表数据以文档的形式存储在MongoDB数据库中，需要通过浏览器JavaScript编程来解析数据库所返回的JSON数据。
JS使用递归方法解析多层嵌套json接口的方法
Welcome to my blog
06-02 4233
实现：动态加载后台管理项目菜单功能，并且json为三层嵌套对象 如图所示json返回： 解析如上所示多层json对象，一开始我直接用each方法解析,发现不是name就是url获取不到一直报错undefined $.each(json, function (index) { var result = ''; var json = data.data; var name = json[index].name; var chil
JavaScript 制作嵌套JSON数据
纸上得来终觉浅，绝知此事要躬行
06-08 1312
<html> <script> function updateProps() { debugger; var jsonInfo = {}; var name = "base.props"; var subJsonInfo = {}; if (jsonInfo.hasOwnProperty()) { subJsonInfo = jsonInfo[name]; } var subKey = "attack"; subJson.
js动态解析多层级json数据生成html页面【文尾附demo源码包】
赏樱看雪撸代码
03-09 4102
前端js动态解析复杂的dom结构，js动态解析多级json，js页面结构多级嵌套动态解析json数据
Java如何处理json字符串value多余双引号
10-15
需要注意的是，上述代码示例通过简单替换来处理问题，并没有考虑JSON对象或数组的嵌套情况，它只适用于简单的、线性的JSON字符串格式。对于嵌套结构，需要编写更为复杂的方法来递归处理内部结构。 通过上述介绍和...
解析Json字符串直接转换为对象(包括多层List集合 嵌套)所用jar包
04-03
标题和描述提及的是将JSON字符串转换为Java对象，特别是涉及多层嵌套和List集合的情况。这在处理复杂数据结构时非常常见，比如服务器返回的响应可能包含嵌套的对象和数组。下面我们将详细介绍如何使用Jackson库来...
ajax获取嵌套JSON，树形控件显示
06-22
本demo的目的是将多层json数据（一级分类嵌套着二级） 解析成单层，然后将键改为符合插件需要的值，不然没法显示 代码测试真实有效，就是请求的地址大家需要改一下，因为那是我的局域网地址
json嵌套list
01-17
json嵌套list json grid struts2
js中把JSON字符串转换成JSON对象最好的方法
12-04
在JavaScript中，将JSON字符串转换成JSON对象是一个常见的任务，主要应用于处理服务器返回的数据或进行数据交换。在JS中，有几种方法可以实现这一转换，但最常用的是使用`eval()`函数和`JSON.parse()`方法。以下是这...
javascript中eval解析JSON字符串
10-22
JSON字符串是JavaScript对象的字符串化表示，如果直接使用eval来解析一个JSON字符串，可能会因为JSON字符串不是有效的JavaScript语句而导致语法错误。例如，如果一个JSON对象没有被包含在圆括号内直接传递给eval，...
JS解析JSON
二进制杯莫停的博客
08-04 781
注意：虽然 JavaScript 对象与 JSON 对象看起来非常相似，但它们并不相同，例如在 JavaScript 中，对象的属性名称可以用单引号 ‘’ 或双引号 “” 括起来，也可以完全省略引号。但是，在 JSON 中，所有属性名称都必须用双引号括起来。在开发过程中，有时我们需要将数据转换为 JSON 格式，方便客户端与服务器端进行数据交互。JSON 数据中的对象和数组可以相互嵌套，一个 JSON 对象中可以包含任意类型的数据（例如数组、嵌套数组、其它 JSON 对象等）。
纯js解析json（最简单到最复杂）
许欢的博客
06-19 1175
一点要注意点。 JSON字符串: var str1 = '{ "name": "cxh", "sex": "man" }'; JSON对象:var str2 = { "name": "cxh", "sex": "man" };  如果是字符串要转换，使用var obj = eval('(' + str + ')'); 别的没什么直接上代码，如
children json数据 递归_js解析多层嵌套json数据，递归调用
weixin_39631932的博客
12-22 1063
需要处理接口返回的json数据，转为Easyui Tree可以接收的数据格式，怎么处理多层的json数据，json的数据返回大小不一定，属性也有变化，结构类似，只有@desc是根目录例子：{"srvcfg": {"tokenswitch": {"token_switch": {"#text": "0","@desc": "切换开关"},"@desc": "token切换"},"commoncfg"...
聊聊多层嵌套的json的值如何解析/替换
kingwinstar的博客
10-31 2535
前阵子承接了2个需求，一个数据脱敏，一个是低代码国际化多语言需求，这两个需求有个共同特点，都是以json形式返回给前端，而且都存在多层嵌套，其中数据脱敏的数据格式是比较固定，而低代码json的格式存在结构固定和不固定 2种格式。最后不管是数据脱敏或者是多语言，业务抽象后，都存在需要做json值替换的需求。今天就来聊下多层嵌套json值如何解析或者替换本文的多层嵌套json的解析和替换都提供了几种方案，综合来讲是推荐将json先转对象，通过对象操作。对json替换，推荐使用自定义json序列化注解的方式。
js脚本解析嵌套json字符串中文字符乱码
06-14
在JavaScript中，处理JSON字符串时，如果其中包含中文字符，有时可能会遇到乱码问题。这是因为默认情况下，浏览器或JavaScript引擎可能使用的是ASCII编码或者其他单字节编码，而JSON是基于UTF-8编码的，中文字符占用两个字节。 解决这个问题有几种方法： 1. **转换编码**：在读取或写入JSON字符串之前，确保其已经被正确地转换为UTF-8编码。你可以使用`TextDecoder`或`JSON.parse()`的`reviver`函数来实现。例如： ```javascript let utf8String = unescape(encodeURIComponent(jsonStr)); // 先转义再解码 let decodedJson = JSON.parse(utf8String, (key, value) => { if (typeof value === 'string') { return decodeURIComponent(escape(value)); } return value; }); ``` 2. **设置Content-Type**：如果你是在服务器端处理JSON，确保你的响应头包含了正确的`Content-Type: application/json; charset=utf-8`，这样浏览器会知道接收的数据是UTF-8编码。 3. **使用ES6的`JSON.stringify()`和`JSON.parse()`**：它们自动处理了字符编码问题，你不需要手动转换。但是，如果你在使用其他库或者不支持这些特性的环境，上述方法就适用。 4. **使用第三方库**：一些库，如`json-stringify-safe`，可以帮助处理JSON字符串的编码问题。 相关问题： 1. JavaScript内置的哪些方法可以处理JSON字符串的编码问题？ 2. 如果在Node.js环境中处理，如何设置响应头来指定编码？ 3. 除了`JSON.parse()`，还有哪些方法可以在JavaScript中解析JSON时保持中文字符正确显示？
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值