解决方法 Uncaught SyntaxError: Unexpected token , in JSON at position 30

本文介绍了一种常见的后端开发中遇到的JSON格式错误,并详细分析了错误原因及解决步骤。通过具体的代码示例,展示了如何排查并修复返回的JSON数据中存在的意外字符问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

这里写图片描述

这个错误是在说,我们返回的json数据格式有问题,出现了一个意外的字符,
让我们来看一下具体代码:

后端代码

@api.route("/areas", methods=["GET"])
def get_area_info():
    '''获取城区信息'''
    # 先尝试从redis 中获取缓存数据
    try:
        areas_json = redis_store.get("area_info")
    except Exception as e:
        current_app.logger.error(e)
        areas_json = None
    if areas_json is None:
        # 查询数据库 获取城区信息
        try:
            areas_list = Area.query.all()
        except Exception as e:
            current_app.logger.error(e)
            return jsonify(erro=RET.DBERR, errmsg="查询城区信息异常")
        # 遍历列表,处理每一个对象,转换一下对象的属性名
        areas = []
        for area in areas_list:
            areas.append(area.to_dict())
        print(areas)
        print(type(areas))
        # 将数据转换为json redis 只能存储字符串
        areas_json = json.dumps(areas)
        print(areas_json)
        print(type(areas_json))
        # 将数据在redis中保存一份
        try:
            redis_store.setex("area_info", constants.AREA_INFO_REDIS_EXPIRES, areas_json)
        except Exception as e:
            current_app.logger.error(e)
    else:
        # 在日志中记录,表示redis中有缓存,直接使用的是缓存数据
        current_app.logger.info("hit redis cache area info")

    # return jsonify(errno=RET.OK, errmsg="查询城区信息成功", data={"areas": areas})
    # 在这里从redis中查询的数据已经是json格式的了,可以直接返回
    print(areas_json)
    return '{"errno":0,"errmsg":"查询城区信息成功","data":{"areas":%s}}' % areas_json, 200, \
           {"Content-Type": "application/json"}

经过排查,

 return '{"errno":0,"errmsg":"查询城区信息成功""data":{"areas":%s}}' % areas_json, 200, \
           {"Content-Type": "application/json"}

这里出现了一个中文输入环境下的逗号,改正过来即可。
那么很多人还会有其他的一些错误,排查的步骤可以这样做:
1.先去检查一下语法错误
2.检查后端返回的json格式数据,是否是正确的json格式。可以将数据打印出来,然后校验一下,这里给大家提供一个校验json格式数据的网址。http://www.bejson.com/ 将你的数据粘贴过去就可以检验出来是不是json格式的数据

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值