"未捕获的 SyntaxError：带有 JSON.parse 的意外标记"

Question

是什么导致第三行出现此错误？

^{打开控制台查看错误<\/sup>}

Answer 1

products<\/code>是一个对象。 （从对象字面量创建）

JSON.parse()<\/code>用于将包含 JSON 表示法的字符串<\/strong>转换为 Javascript 对象。

您的代码将对象转换为字符串（通过调用.toString()<\/code> ），以便尝试将其解析为 JSON 文本。
默认的.toString()<\/code>返回"[object Object]"<\/code> ，这是无效的 JSON； 因此错误。

Answer 2

假设你知道它是有效的 JSON，但你仍然得到这个......

在这种情况下，字符串中可能有隐藏\/特殊字符来自您获取它们的任何来源。 当您粘贴到验证器中时，它们会丢失 - 但在字符串中它们仍然存在。 这些字符虽然不可见，但会破坏JSON.parse()<\/code>

如果s<\/code>是您的原始 JSON，则使用以下命令对其进行清理：

// preserve newlines, etc - use valid JSON
s = s.replace(/\\n/g, "\\n")  
               .replace(/\\'/g, "\\'")
               .replace(/\\"/g, '\\"')
               .replace(/\\&/g, "\\&")
               .replace(/\\r/g, "\\r")
               .replace(/\\t/g, "\\t")
               .replace(/\\b/g, "\\b")
               .replace(/\\f/g, "\\f");
// remove non-printable and other non-valid JSON chars
s = s.replace(/[\u0000-\u0019]+/g,""); 
var o = JSON.parse(s);

Answer 3

似乎您想对对象进行字符串化<\/strong>，而不是解析。 所以这样做：

JSON.stringify(products);

Answer 4

我发现与JSON.parse(inputString)<\/code>相同的问题。

在我的情况下，输入字符串来自我的服务器页面[return of a page method]<\/em> 。

我打印了typeof(inputString)<\/code> - 它是字符串，仍然发生错误。

我也试过JSON.stringify(inputString)<\/code> ，但没有帮助。

后来我发现这是字段值内的换行符[\\n]<\/code>的问题。

我做了一个替换[用其他字符，在解析后放回新行]<\/em> ，一切正常。

Answer 5

JSON.parse 正在等待参数中的字符串。 您需要对 JSON 对象进行字符串化以解决问题。

products = [{"name":"Pizza","price":"10","quantity":"7"}, {"name":"Cerveja","price":"12","quantity":"5"}, {"name":"Hamburguer","price":"10","quantity":"2"}, {"name":"Fraldas","price":"6","quantity":"2"}];
console.log(products);
var b = JSON.parse(JSON.stringify(products));  //solves the problem

Answer 6

您应该在此处<\/a>验证您的 JSON 字符串。

有效的 JSON 字符串的键必须有双引号：

JSON.parse({"u1":1000,"u2":1100})       // will be ok

Answer 7

products = [{"name":"Pizza","price":"10","quantity":"7"}, {"name":"Cerveja","price":"12","quantity":"5"}, {"name":"Hamburguer","price":"10","quantity":"2"}, {"name":"Fraldas","price":"6","quantity":"2"}];

Answer 8

如果有前导或尾随空格，则无效。 尾随\/前导空格可以删除为

mystring = mystring.replace(/^\s+|\s+$/g, "");

Answer 9

这是我根据以前的回复制作的一个功能：它可以在我的机器上运行，但是 YMMV。

          /**
             * @description Converts a string response to an array of objects.
             * @param {string} string - The string you want to convert.
             * @returns {array} - an array of objects.
            */
            function stringToJson(input) {
              var result = [];

              //replace leading and trailing [], if present
              input = input.replace(/^\[/,'');
              input = input.replace(/\]$/,'');

              //change the delimiter to 
              input = input.replace(/},{/g,'};;;{');

              // preserve newlines, etc - use valid JSON
              //https://stackoverflow.com/questions/14432165/uncaught-syntaxerror-unexpected-token-with-json-parse
            input = input.replace(/\\n/g, "\\n")  
            .replace(/\\'/g, "\\'")
            .replace(/\\"/g, '\\"')
            .replace(/\\&/g, "\\&")
            .replace(/\\r/g, "\\r")
            .replace(/\\t/g, "\\t")
            .replace(/\\b/g, "\\b")
            .replace(/\\f/g, "\\f");
            // remove non-printable and other non-valid JSON chars
            input = input.replace(/[\u0000-\u0019]+/g,""); 

              input = input.split(';;;');

              input.forEach(function(element) {
                // console.log(JSON.stringify(element));

                result.push(JSON.parse(element));
              }, this);

              return result;
            }

Answer 10

调用JSON.parse()<\/code>时可能导致"SyntaxError: Unexpected token"<\/code>异常的另一个问题是在字符串值中使用以下任何内容：

1. 换行符。

2. 选项卡（是的，您可以使用 Tab 键生成的选项卡！）

3. 任何独立的斜线\\<\/code> （但由于某种原因不是\/<\/code> ，至少不是在 Chrome 上。）

   （有关完整列表，请参见此处的字符串部分<\/a>。）

   例如，以下内容将为您提供此异常：

   所以应该改为：
   我应该说，这使得它在带有大量文本的纯 JSON 格式中非常不可读。
   "
   

Answer 11

[
  {
    "name": "Pizza",
    "price": "10",
    "quantity": "7"
  },
  {
    "name": "Cerveja",
    "price": "12",
    "quantity": "5"
  },
  {
    "name": "Hamburguer",
    "price": "10",
    "quantity": "2"
  },
  {
    "name": "Fraldas",
    "price": "6",
    "quantity": "2"
  }
]

Answer 12

希望这对其他人有帮助。

我的问题是我通过 AJAX 在 PHP 回调函数中对 HTML 进行了注释，该函数正在解析注释并返回无效的 JSON。

一旦我删除了注释的 HTML，一切都很好，JSON 被解析没有问题。

Answer 13

当您使用 POST 或 PUT 方法时，请确保对正文部分进行字符串化。

我在这里记录了一个示例https:\/\/gist.github.com\/manju16832003\/4a92a2be693a8fda7ca84b58b8fa7154<\/a>

Answer 14

您正在做的唯一错误是，您正在解析已经解析的对象，所以它会抛出错误，使用它，您会很高兴。

如果要打印整个 json，请使用 JSON.stringify()

Answer 15

products 是一个可以直接使用的数组：

var i, j;

for(i=0;i<products.length;i++)
  for(j in products[i])
    console.log("property name: " + j,"value: "+products[i][j]);

Answer 16

现在显然\\r<\/code> ， \\b<\/code> ， \\t<\/code> ， \\f<\/code>等不是唯一可以给你这个错误的有问题的字符。

请注意，某些浏览器可能对JSON.parse<\/code>的输入有额外<\/em>的要求。

在浏览器上运行此测试代码：

var arr = [];
for(var x=0; x < 0xffff; ++x){
    try{
        JSON.parse(String.fromCharCode(0x22, x, 0x22));
    }catch(e){
        arr.push(x);
    }
}
console.log(arr);

Answer 17

哦，伙计，到目前为止提供的所有上述答案中的解决方案都对我不起作用。 我刚才也有类似的问题。 我设法用引号来解决它。 请参阅屏幕截图。 哇。

原来的：<\/strong>

Answer 18

您得到的错误，即“意外的令牌 o”是因为 json 是预期的，但在解析时获取了对象。 那个“o”是单词“object”的第一个字母。

"

Answer 19

发生这种情况的原因有很多，但可能是因为字符无效，因此您可以使用JSON.stringify(obj);<\/code> 这会将您的对象转换为 JSON，但请记住它是 JQUERY 表达式。

"

Answer 20

我有这个错误，因为返回json对象的API给出了一个错误（在我的情况下Code Igniter，当php代码失败时返回一个html）所以它不是JSON OBJECT。

检查SQL Sentences和PHP代码，并使用Postman（或其他一些API测试人员）进行测试

Answer 21

在我的情况下，我的JSON<\/code>字符串中存在以下字符问题

1. \\r<\/li>
2. \\t<\/li>
3. \\r\\n<\/li>
4. \\n<\/li>
5. ：<\/li>
6. "<\/li><\/ol>

   我已将它们替换为其他字符或符号，然后再次从编码中恢复。

   "

Answer 22

现在这是一个 JavaScript 对象数组，而不是 JSON 格式。 要将其转换为 JSON 格式，您需要使用名为JSON.stringify()<\/strong>的函数

JSON.stringify(products)

Answer 23

为什么需要 JSON.parse？ 它已经在对象格式的数组中。

更好地使用 JSON.stringify 如下： var b = JSON.stringify(products);<\/code>

这可能会对您有所帮助。

Answer 24

我正在做的错误是将null<\/code> （在不知不觉中）传递给 JSON.parse()。

所以它Unexpected token n in JSON at position 0<\/code>

但是，每当您在 JSON.parse() 中传递不是 JS 对象的东西时，就会发生这种情况

Answer 25

是什么导致第三行出现此错误？

 var products = [{ "name": "Pizza", "price": "10", "quantity": "7" }, { "name": "Cerveja", "price": "12", "quantity": "5" }, { "name": "Hamburguer", "price": "10", "quantity": "2" }, { "name": "Fraldas", "price": "6", "quantity": "2" }]; console.log(products); var b = JSON.parse(products); //unexpected token o

^{打开控制台以查看错误}

Answer 26

是什么导致第三行出现此错误？

 var products = [{ "name": "Pizza", "price": "10", "quantity": "7" }, { "name": "Cerveja", "price": "12", "quantity": "5" }, { "name": "Hamburguer", "price": "10", "quantity": "2" }, { "name": "Fraldas", "price": "6", "quantity": "2" }]; console.log(products); var b = JSON.parse(products); //unexpected token o

^{打开控制台以查看错误}

Answer 27

使用eval<\/code> 。 它将 JavaScript 表达式\/代码作为字符串并评估\/执行它。

eval(inputString);