我试图学习一些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.get('wokab.json', function(data) {
    var glacier = JSON.parse(data);
});

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

其他回答

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

基本上,如果响应头是text/html,你需要解析,如果响应头是application/json,它已经为你解析了。

解析数据从jquery成功处理文本/html响应:

var parsed = JSON.parse(data);

解析数据从jquery成功处理程序的应用程序/json响应:

var parsed = data;

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

问题很简单

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

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

确保JSON文件前后没有任何尾随字符。也许是不能打印的?你可能想试试这种方法:

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