[javascript] “Catch Untaxed SyntaxError : Unexpected token 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

내 자바 스크립트 코드는 별도의 파일에 포함되어 있으며 간단히 다음과 같습니다.

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 (Not Found)” 오류가 발생하여 로드 중이거나 적어도 시도하고 있음을 알았습니다.

답변

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

var parsed = JSON.parse(data);

var parsed = data;

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

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

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

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

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

SyntaxError: Unexpected token o in JSON

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

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

var json_str = await returnJSONData();