后台返回数据打印是[object object]的，报错：SyntaxError: JSON.parse: expected property name or ‘}‘ at line 1 column

今天基于这个问题纠结了一下午，导致这个问题的坑也是挺深的，查找问题最好是从这条数据的存储开始查找

问题1：先确定后台接收数据后存储到数据库里有没有自动转义特殊字符，比如

原始数据是：[{"user_id":20,"good":true}]，这样的一个对象数组

存入数据库是：[{"user_id":20,"good":true}]

说明数据经过后端的逻辑处理，把前端的数据转义存储了

解决这个问题，前端传参数组的时候先用JSON.stringify序列化数据，再交给后端，这样就不用管后端开发者怎么处理的数据了

那么，我是序列化后的数据打印看到的还是它：[{"user_id":20,"good":true}]，只不过它已经是字符串了

后台存储自动转义的时候，其实就是把一些特殊字符做了一些处理，以免其它更多的bug出现

这里提供两个常用函数处理这种转义的字符串，如下

/***  把html转义成HTML实体字符* @param str* @returns {string}* @constructor*/
export let htmlEncode = (str) => {var s = "";if (str.length === 0) {return "";}s = str.replace(/&/g, "&amp;");s = s.replace(/</g, "&lt;");s = s.replace(/>/g, "&gt;");s = s.replace(/ /g, "&nbsp;");s = s.replace(/\'/g, "'");//IE下不支持实体名称s = s.replace(/\"/g, "&quot;");return s;
}/***  转义字符还原成html字符* @param str* @returns {string}* @constructor*/
export let htmlRestore = (str) => {var s = "";if (str.length === 0) {return "";}s = str.replace(/&amp;/g, "&");s = s.replace(/&lt;/g, "<");s = s.replace(/&gt;/g, ">");s = s.replace(/&nbsp;/g, " ");s = s.replace(/'/g, "\'");s = s.replace(/&quot;/g, "\"");return s;
}

所以，如果后台返回的数据打印是这样的：[object object]，

前台是通过

JSON.parse(item.good)

无法解析数据，并且报错如下：

SyntaxError: JSON.parse: expected property name or '}' at line 1 column 3 of the JSON data

那你极可能遇到和我一样的问题

我的解决方案是：不动后台逻辑代码处理，前端加一个函数处理返回的数据，这个函数就是我上面分享的

JSON.parse(htmlRestore(item.good))

后台返回数据打印是[object object]的，报错：SyntaxError: JSON.parse: expected property name or ‘}‘ at line 1 column相关推荐

js 动态生成html（js根据后台返回数据生成html页面中的table标签）（转义字符）
js 动态生成html table标签中内容js生成 html代码 js代码 js 动态生成html 触发事件传参字符转义 table标签中内容js生成 html代码 <div><t ...
解决通过调用后台接口实现Excel导出功能，后台返回数据乱码的问题
解决通过调用后台接口实现Excel导出功能,后台返回数据乱码的问题问题如下: 这导致我虽然成功导出文件,但文件受损打不开解决方案如下: 在调用接口加入: // 导出 export function ...
thyme leaf使用Ajax后台返回数据不能渲染
thyme leaf使用Ajax后台返回数据不能渲染问题描述:thyme leaf使用Ajax从后台请求数据,前端页面渲染时只能显示返回到字符串,而不能显示返回异步请求的页面问题原因: 问题描述: ...
python request 报错 #No JSON object could be decoded
python request 报错 #No JSON object could be decoded Python 使用request 发起post请求报错如下报错如下解决方案如下 Python ...
[已解决]Object c，报错Expected method body
Object c,报错Expected method body 原因分析:因为我将应该写在头文件Person.h的声明,写在和实现的Person.m文件中了解决办法:将这些声明放在头文件Person ...
关于后台报错：no getter for property named ‘ew‘ in ‘class com.baomidou.mybatisplus.core.conditions.query.xx
已解决关于后台报错:no getter for property named 'ew' in 'class com.baomidou.mybatisplus.core.conditions.quer ...
MySQL插入数据报错Incorrect string value: '\xE4\xBD\xA0\xE5\xA5\xBD' for column”问题
有时候我们在往数据库中输入信息时,如果输入的内容是中文,会报错"Incorrect string value: '\xE4\xBD\xA0\xE5\xA5\xBD' for column&q ...
ajax后台返回数据中文乱码_ajax提交返回中文乱码问题
接口返回数据相关使用@ResponseBody后返回NUll 说明:刚把后台运行起来,兴高采烈的测试接口数据,结果无论如何都是返回null, 最终通过各种百度,发现原来是没有引入关键的Jar包. 解 ...
解决Collection Object ([:protected]=Array())报错
今天用laravel的DB取多个表的数据做统计运算,里面使用了多次DB查询并嵌套三个for循环.多个->leftJoin()一次使用.->select()多键,结果只能取到数据中的第一条数 ...

后台返回数据打印是[object object]的，报错：SyntaxError: JSON.parse: expected property name or ‘}‘ at line 1 column

后台返回数据打印是[object object]的，报错：SyntaxError: JSON.parse: expected property name or ‘}‘ at line 1 column相关推荐

最新文章

热门文章