我不断收到“ Uncaught SyntaxError：意外令牌o”

我正在尝试学习一些html / css / javascript，因此我正在为自己编写一个教学项目。

想法是在json文件中包含一些词汇，然后将其加载到表中。我设法加载文件并打印出其中一个值，然后开始编写代码以将值加载到表中。

这样做之后，我开始出现错误，因此我删除了所有编写的代码，只剩下一行（以前工作过的同一行）……只有错误仍然存​​在。

错误如下：

Uncaught SyntaxError: Unexpected token o
(anonymous function)script.js:10
jQuery.Callbacks.firejquery-1.7.js:1064
jQuery.Callbacks.self.fireWithjquery-1.7.js:1182
donejquery-1.7.js:7454
jQuery.ajaxTransport.send.callback

我的JavaScript代码包含在一个单独的文件中，就是这样：

function loadPageIntoDiv(){
    document.getElementById("wokabWeeks").style.display = "block";
}

function loadWokab(){
    //also tried getJSON which threw the same error
    jQuery.get('wokab.json', function(data) {
        var glacier = JSON.parse(data);
    });
}

我的JSON文件现在具有以下内容：

[
    {
        "english": "bag",
        "kana": "kaban",
        "kanji": "K"
    },

    {
        "english": "glasses",
        "kana": "megane",
        "kanji": "M"
    }
]

现在在第11行即行中报告了错误var glacier = JSON.parse(data);。

当我删除json文件时，出现错误：“ GET http：//.../wokab.json 404（未找到）”，因此我知道它正在加载（或至少尝试加载）。

看起来jQuery对数据类型有所猜测。即使您没有调用getJSON（），它也会进行JSON解析-然后，当您尝试在对象上调用JSON.parse（）时，就会收到错误消息。

进一步的解释可以在Aditya Mittal的答案中找到。

问题很简单

jQuery.get('wokab.json', function(data) {
    var glacier = JSON.parse(data);
});

您要解析两次。get使用dataType='json'，因此数据已经是json格式。使用$.ajax({ dataType: 'json' ...专门设置返回的数据类型！

基本上，如果响应标头是text / html，则需要解析；如果响应标头是application / json，则已经为您解析了。

从jquery成功处理程序中解析出的数据用于text / html响应：

var parsed = JSON.parse(data);

从jquery成功处理程序中解析出的数据用于应用程序/ json响应：

var parsed = data;

另一个提示Unexpected token错误。javascript对象和json之间有两个主要区别：

1. json数据必须始终用双引号引起来。
2. 键必须加引号

正确的JSON

 {
    "english": "bag",
    "kana": "kaban",
    "kanji": "K"
}

错误JSON 1

 {
    'english': 'bag',
    'kana': 'kaban',
    'kanji': 'K'
 }

错误JSON 2

 {
    english: "bag",
    kana: "kaban",
    kanji: "K"
}

备注

这不是该问题的直接答案。但这是Unexpected token错误的答案。因此，对这个问题之以鼻的其他人可能会有所帮助。

只是响应已经被解析，您不需要再次解析它。如果再次解析它，它将给您“意外的令牌o”，但是您必须在请求中指定数据类型为typedataType='json'

刚才我遇到了类似的问题，我的解决方案可能会有所帮助。我正在使用iframe上传xml文件并将其转换为json，然后将其发送回后台，Chrome浏览器在传入数据中添加了一些垃圾，这些垃圾只会间歇性地显示并导致“ Uncaught SyntaxError：Unexpected token o”错误。

我正在像这样访问iframe数据：

$('#load-file-iframe').contents().text()

可以在localhost上正常运行，但是当我将其上载到服务器时，它仅处理某些文件并且仅以特定顺序加载文件时才停止工作。我真的不知道是什么原因造成的，但这已经解决了。我将上面的行更改为

$('#load-file-iframe').contents().find('body').text()

一旦我注意到HTML响应中有一些垃圾。

长话短说，检查您的原始HTML响应数据，您可能会发现一些问题。

SyntaxError: Unexpected token o in JSON

当您忘记将await关键字用于返回JSON数据的方法时，也会发生这种情况。

例如：

async function returnJSONData()
{
   return "{\"prop\": 2}";
}

var json_str = returnJSONData();
var json_obj = JSON.parse(json_str);

由于丢失将引发错误await。实际返回的是Promise[object]，而不是string。

要解决此问题，只需添加await即可：

var json_str = await returnJSONData();

这应该很明显，但是会调用on JSON.parse，因此如果您的方法调用与调用之间存在一定距离，则很容易错过。awaitJSON.parse

确保您的JSON文件之前或之后没有任何结尾字符。也许是无法打印的？您可能要尝试这种方式：

[{"english":"bag","kana":"kaban","kanji":"K"},{"english":"glasses","kana":"megane","kanji":"M"}]

const getCircularReplacer = () => {
              const seen = new WeakSet();
              return (key, value) => {
                if (typeof value === "object" && value !== null) {
                  if (seen.has(value)) {
                    return;
                  }
                  seen.add(value);
                }
                return value;
              };
            };
JSON.stringify(tempActivity, getCircularReplacer());

tempActivity在数据中产生错误“ SyntaxError：位置1的JSON中的意外令牌o-堆栈溢出”