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


当前回答

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 -堆栈溢出”

其他回答

看起来jQuery对数据类型进行了猜测。即使您没有调用getJSON(),它也会进行JSON解析——然后当您试图对对象调用JSON.parse()时,您将得到错误。

更进一步的解释可以从阿蒂亚•米塔尔的回答中找到。

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 -堆栈溢出”

关于意外令牌错误的另一个提示。 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"
}

备注

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

SyntaxError: Unexpected token o in JSON

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

例如:

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

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

将因为缺少等待而抛出错误。实际返回的是Promise [object],而不是字符串。

要修复,只需添加等待,因为你应该:

var json_str = await returnJSONData();

这应该是非常明显的,但错误是在JSON上调用的。因此,如果您的await方法调用和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响应数据,您可能会发现一些东西。