ChatGPT解决这个技术问题 Extra ChatGPT

SyntaxError:位置 1 处 JSON 中的意外标记 o

我正在使用控制器中的类型类解析一些数据。我得到的数据如下:

{  
   "data":{  
      "userList":[  
         {  
            "id":1,
            "name":"soni"
         }
      ]
   },
   "status":200,
   "config":{  
      "method":"POST",
      "transformRequest":[  
         null
      ],
      "transformResponse":[  
         null
      ],
      "url":"/home/main/module/userlist",
      "headers":{  
         "rt":"ajax",
         "Tenant":"Id:null",
         "Access-Handler":"Authorization:null",
         "Accept":"application/json, text/plain, */*"
      }
   },
   "statusText":"OK"
}

我试图像这样存储数据

var userData = _data;
var newData = JSON.parse(userData).data.userList;

如何将用户列表提取到新变量?

您可能不需要使用 JSON.parse。尝试将 userData 直接用作对象。
如果 console.log(typeof userData) 显示 object,那么您已经有了一个 javascript 对象,而不是您需要解析的 JSON 字符串。
@MohitBhardwaj 是的,解析不需要。
通常,每当您收到此错误 - Unexpected token o in JSON 时,很可能您正在尝试解析已经处于解析形式的对象。
@MohitBhardwaj 好吧!

T
TimoStaudinger

您发布的 JSON 看起来不错,但是在您的代码中,它很可能不再是 JSON 字符串,而是已经是 JavaScript 对象了。这意味着,不再需要解析。

您可以自己进行测试,例如在 Chrome 的控制台中:

new Object().toString()
// "[object Object]"

JSON.parse(new Object())
// Uncaught SyntaxError: Unexpected token o in JSON at position 1

JSON.parse("[object Object]")
// Uncaught SyntaxError: Unexpected token o in JSON at position 1

JSON.parse() 将输入转换为字符串。 JavaScript 对象的 toString() 方法默认返回 [object Object],从而导致观察到的行为。

请尝试以下操作:

var newData = userData.data.userList;

那么它适用于各种浏览器吗?
@Timo 你能看看这个链接吗?
有时,当为请求提供服务的 api url 端点在其代码或其他一些包含或使用的文件中存在错误并且它抛出未处理或未记录的错误时,此错误可能会出现。大多数情况下,如果您查看浏览器开发人员工具中的网络选项卡,您可以得到此信息,或者您可以使用 post man 访问端点并查看出现了什么。
感谢您对 JSON String 与 JS Obj 区别的解释,当您知道它为什么发生时,更容易记住如何正确地做。
救了我几分钟,谢谢。我正在使用要求。
S
Sebastian Simon

JSON.parse 函数的第一个参数应该是一个字符串,而您的数据是一个 JavaScript 对象,因此它将强制转换为字符串 "[object Object]"。您应该在传递数据之前使用 JSON.stringify

JSON.parse(JSON.stringify(userData))

当字符串包含双引号时这将不起作用您有什么解决方案吗
也许我遗漏了一些明显的东西,但你为什么要把一个对象变成 JSON(这是 JSON.stringify() 所做的),只是为了将 JSON 解析回一个对象?为什么不直接使用对象?这似乎完全是多余的。
可能不是 OP 中的示例 - 但有时您需要 JSON 结构,而不是某些库的 JavaScript 结构。这有帮助。
如果您需要 JSON,那么您不会使用 JSON.parse,因为这会将 JSON 转换回 JS。
c
calvin11

永远不要使用 JSON.parse 而不将其包装在 try-catch 块中:

// payload 
let userData = null;

try {
    // Parse a JSON
    userData = JSON.parse(payload); 
} catch (e) {
    // You can read e for more info
    // Let's assume the error is that we already have parsed the payload
    // So just return that
    userData = payload;
}

// Now userData is the parsed result

这实际上并没有回答问题,而是对缺乏异常处理的评论。
@RichardDuerr,但这将有助于修复头部主题的错误。 ie SyntaxError: Unexpected token o in JSON at position 1
这只是隐藏了错误,但并没有真正解决它。
b
bruntime

JSON.parse 上方,使用:

var newData = JSON.stringify(userData)

JSON.stringify() 将 JavaScript 对象转换为它的字符串表示形式,这与 JSON.parse() 的作用相反。您得到 SyntaxError 是因为您试图解析已经是对象的东西。在@Sukhchain 的解决方案中,它被转换为字符串以避免这种情况。
这样做的缺点是,最后你使用 JSON.parse() 太多了。尽管这是一个非常快的过程,但解析 JSON 是同步完成的,并且可能会阻塞您的 UI,因此我建议您不要使用它。相反,您可以检查您的变量是否是一个对象,例如在尝试解析它之前使用 typeof(userData) === 'object'
P
Pulkit chadha

我们还可以像这样添加检查:

function parseData(data) {
    if (!data) return {};
    if (typeof data === 'object') return data;
    if (typeof data === 'string') return JSON.parse(data);

    return {};
}

d
deadcoder0904

您可以简单地检查 typeof userData & JSON.parse() 仅当它是 string 时:

var userData = _data;
var newData;
if (typeof userData === 'object')
  newData = userData.data.userList; // dont parse if its object
else if (typeof userData === 'string')
  newData = JSON.parse(userData).data.userList; // parse if its string

Y
Yergalem

解析 JSON 数据或字符串时会引发意外的“O”错误。

如果它是字符串,它已经被字符串化了。解析以 Unexpected 'O' 错误结束。

我遇到了类似的情况(尽管在不同的上下文中),我通过删除 JSON Producer 解决了以下错误。

    @POST
    @Produces({ **MediaType.APPLICATION_JSON**})
    public Response login(@QueryParam("agentID") String agentID , Officer aOffcr ) {
      return Response.status(200).entity("OK").build();

  }

响应包含“OK”字符串返回。标记为 @Produces({ **MediaType.APPLICATION_JSON})** 的注释尝试将字符串解析为 JSON 格式,这会导致意外的“O”。

删除 @Produces({ MediaType.APPLICATION_JSON}) 工作正常。输出:好的

注意:另外,在客户端,如果您发出 ajax 请求并使用 JSON.parse("OK"),它会抛出 Unexpected token 'O'

O 是字符串的第一个字母

JSON.parse(object) 与 jQuery.parseJSON(object) 进行比较;

JSON.parse('{ "name":"Yergalem", "city":"Dover"}'); - - 工作正常


P
Pran R.V

像这样尝试捕获,如果它的字符串化,这将解析它,否则将采用默认值

let example;
   try {
   example  = JSON.parse(data)
  } catch(e) {
    example = data
  }

M
Mario Petrovic

首先在变量中设置请求值,例如:

let reqData = req.body.reqData;
if (reqData) {
  let reqDataValue = JSON.parse(JSON.stringify(reqData));
}