我试图学习一些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(未找到)”,所以我知道它正在加载它(或至少试图)。


当前回答

关于意外令牌错误的另一个提示。 javascript对象和json之间有两个主要的区别:

Json数据必须始终使用双引号。 密钥必须引用

正确的JSON

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

错误JSON 1

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

错误JSON 2

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

备注

这不是对那个问题的直接回答。但这是对意外令牌错误的回答。因此,它可能会帮助其他遇到这个问题的人。

其他回答

简单地说,响应已经解析了,您不需要再次解析它。如果你再次解析它,它会给你“意外的令牌o”,但是你必须在你的请求中指定datatype ='json'类型的数据类型

问题很简单

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

你解析了两次。get使用dataType='json',因此数据已经是json格式。 使用美元。ajax({dataType: 'json'…具体设置返回的数据类型!

关于意外令牌错误的另一个提示。 javascript对象和json之间有两个主要的区别:

Json数据必须始终使用双引号。 密钥必须引用

正确的JSON

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

错误JSON 1

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

错误JSON 2

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

备注

这不是对那个问题的直接回答。但这是对意外令牌错误的回答。因此,它可能会帮助其他遇到这个问题的人。

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是fething数据,产生错误“SyntaxError:意外令牌o在JSON在位置1 -堆栈溢出”

我刚才也遇到了类似的问题,我的解决办法可能会有帮助。我使用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响应数据,您可能会发现一些东西。