未捕获的SyntaxError:带有JSON.parse的意外令牌

2020/10/17 13:42 · javascript ·  · 0评论

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

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

打开控制台以查看错误

products是一个对象。(从对象文字创建)

JSON.parse()用于将包含JSON表示法字符串转换为Javascript对象。

您的代码将对象转换为字符串(通过调用.toString()),以尝试将其解析为JSON文本。

默认
.toString()返回"[object Object]",这是无效的JSON;因此错误。

假设您知道它是有效的JSON,但您仍在获取此信息...

在这种情况下,很可能字符串中包含隐藏/特殊字符,无论您从何处获取它们。当您粘贴到验证器中时,它们会丢失-但是在字符串中它们仍然存在。这些字符不可见,但会破裂JSON.parse()

如果s您的原始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);

似乎您想对对象进行字符串化这样做:

JSON.stringify(products);

究其原因,错误是JSON.parse()需要一个String值,products是一个Array

注意:我认为它会尝试json.parse('[object Array]')在抱怨之后没有期望令牌的情况下o进行尝试[

我发现与相同的问题JSON.parse(inputString)

在我的情况下,输入字符串来自服务器页面[页面方法的返回]

我打印了typeof(inputString)-它是字符串,仍然发生错误。

我也尝试过JSON.stringify(inputString),但没有帮助。

后来,我发现这是新的line运算符[\n]在字段值中的问题。

我做了一个替换(用其他字符,在解析后放回新行),一切正常。

JSON.parse正在等待参数中的String。您需要对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

您应该在此处验证JSON字符串

有效的JSON字符串必须在关键字周围用双引号引起来:

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

如果没有引号,将导致错误:

JSON.parse({u1:1000,u2:1100})    
// error Uncaught SyntaxError: Unexpected token u in JSON at position 2

使用单引号也会导致错误:

JSON.parse({'u1':1000,'u2':1100})    
// error Uncaught SyntaxError: Unexpected token ' in JSON at position 1
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"}];

改成

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"}]';

如果前导或尾随空格,则将无效。尾随/前导空格可以删除为

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

资料来源:http : //www.toptip.ca/2010/02/javascript-trim-leading-or-trailing.html

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

这是您可以解析的完美Json。

这是我根据先前的答复做出的功能:它可以在我的机器上使用,但可以在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;
            }

"SyntaxError: Unexpected token"调用时可能会导致异常的另一个陷阱JSON.parse()是在字符串值中使用以下任意一项:

  1. 换行符。

  2. 制表符(是的,您可以使用Tab键生成的制表符!)

  3. 任何独立的斜杠\(但由于某种原因而不是斜杠/,至少在Chrome上不是。)

(有关完整列表,请参见此处的“字符串”部分。)

例如,以下内容将使您获得此异常:

{
    "msg" : {
        "message": "It cannot
contain a new-line",
        "description": "Some discription with a     tabbed space is also bad",
        "value": "It cannot have 3\4 un-escaped"
    }
}

因此,应将其更改为:

{
    "msg" : {
        "message": "It cannot\ncontain a new-line",
        "description": "Some discription with a\t\ttabbed space",
        "value": "It cannot have 3\\4 un-escaped"
    }
}

我应该说,这使得纯JSON格式的大量文本难以理解。

使用POST或PUT方法时,请确保对身体部位进行分类。

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

希望这可以帮助其他人。

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

删除注释的HTML之后,一切都很好,并且JSON解析没有问题。

您正在做的唯一错误是,您正在解析已解析的对象,因此它会引发错误,请使用此对象,您会很方便。

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[0].name); //name of item at 0th index

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

产品是可以直接使用的数组:

var i, j;

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

现在很明显\r\b\t\f,等不是唯一有问题的字符,可以给你这个错误。

请注意,某些浏览器对于输入可能有其他要求JSON.parse

在浏览器上运行以下测试代码:

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);

在Chrome上测试,我发现它不允许JSON.parse(String.fromCharCode(0x22, x, 0x22));在哪里x34、92或0到31之间。

字符34和92分别是"\字符,通常是期望的字符,并且可以正确转义它们。字符0到31会给您带来麻烦。

为了帮助调试,在执行操作之前JSON.parse(input),请首先验证输入内容是否包含有问题的字符:

function VerifyInput(input){
    for(var x=0; x<input.length; ++x){
        let c = input.charCodeAt(x);
        if(c >= 0 && c <= 31){
            throw 'problematic character found at position ' + x;
        }
    }
}

为什么需要JSON.parse?它已经是对象格式的数组。

最好如下使用JSON.stringify:
var b = JSON.stringify(products);

这可能对您有帮助。

哦,老兄,到目前为止提供的所有上述答案中的解决方案对我来说都行不通。我刚才也遇到类似的问题。我设法用引号包裹来解决它。参见屏幕截图。喔。

在此处输入图片说明

原版的:

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

您得到的错误即“意外的令牌o”是因为需要json,但在解析时会获得对象。“ o”是单词“ object”的首字母。

发生这种情况的原因有很多,但可能是因为无效的char,因此可以使用JSON.stringify(obj);它将对象转换为JSON的方式,但请记住,它是一个JQUERY表达式。

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

检查SQL语句和PHP代码,并使用Postman(或其他一些API测试器)对其进行测试

我正在做的错误是null(不知不觉地)传递到JSON.parse()中。

所以扔了 Unexpected token n in JSON at position 0

检查此代码。它为您提供了JSON解析错误的清晰解决方案。它通常由换行符和json键开始与json键结束之间的间隔引起

data_val = data_val.replace(/[\n\s]{1,}\"/g, "\"")  
               .replace(/\"[\n\s]{1,}/g, "\"")  
               .replace(/[\n]/g, "\\n") 

使用eval它以JavaScript表达式/代码为字符串,并对其进行评估/执行。

eval(inputString);
本文地址:http://javascript.askforanswer.com/weibuhuodesyntaxerrordaiyoujson-parsedeyiwailingpai.html
文章标签: ,   ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!