Ciągle pojawia się komunikat „Uncaught SyntaxError: Nieoczekiwany token o”

Próbuję nauczyć się html / css / javascript, więc piszę sobie projekt dydaktyczny.

Chodziło o to, aby w pliku json znaleźć trochę słownictwa, które następnie załadowano do tabeli. Udało mi się załadować plik i wydrukować jedną z jego wartości, po czym zacząłem pisać kod, aby załadować wartości do tabeli.

Po zrobieniu tego zacząłem pojawiać się błąd, więc usunąłem cały kod, który napisałem, pozostawiając mi tylko jedną linię (tę samą linię, która działała wcześniej) ... tylko błąd nadal istnieje.

Błąd jest następujący:

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

Mój kod javascript jest zawarty w osobnym pliku i jest po prostu następujący:

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);
    });
}

A mój plik JSON ma teraz następujące:

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

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

Teraz błąd jest zgłaszany w linii 11, która jest var glacier = JSON.parse(data);linią.

Kiedy usuwam plik json, pojawia się błąd: „GET http: //.../wokab.json 404 (Not Found)”, więc wiem, że go ładuje (a przynajmniej próbuje).

Wygląda na to, że jQuery zgaduje typ danych. Parsuje JSON, nawet jeśli nie wywołujesz getJSON () - wtedy, gdy próbujesz wywołać JSON.parse () na obiekcie, pojawia się błąd.

Dalsze wyjaśnienia można znaleźć w odpowiedzi Adityi Mittal .

Problem jest bardzo prosty

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

Przetwarzasz to dwa razy. getużywa dataType='json', więc dane są już w formacie json. Służy $.ajax({ dataType: 'json' ...do ustawiania zwracanego typu danych!

Zasadniczo, jeśli nagłówek odpowiedzi to text / html, musisz go przeanalizować, a jeśli nagłówek odpowiedzi to application / json, jest on już dla Ciebie parsowany.

Przetwarzane dane z procedury obsługi sukcesu jquery dla odpowiedzi text / html:

var parsed = JSON.parse(data);

Przetwarzane dane z procedury obsługi sukcesu jquery dla odpowiedzi aplikacji / json:

var parsed = data;

Kolejne wskazówki dotyczące Unexpected tokenbłędów. Istnieją dwie główne różnice między obiektami javascript a json:

1. Dane json należy zawsze podawać w cudzysłowie.
2. klucze muszą być cytowane

Prawidłowy JSON

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

Błąd JSON 1

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

Błąd JSON 2

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

Uwaga

To nie jest bezpośrednia odpowiedź na to pytanie. Ale to odpowiedź na Unexpected tokenbłędy. Może więc pomóc innym, którzy natkną się na to pytanie.

Po prostu odpowiedź jest już przeanalizowana, nie trzeba jej ponownie analizować. jeśli ponownie go przeanalizujesz, otrzymasz „nieoczekiwany token”, jednak musisz określić typ danych we wniosku, aby był typudataType='json'

Miałem teraz podobny problem i moje rozwiązanie może pomóc. Korzystam z iframe, aby przesłać i przekonwertować plik xml do json i odesłać go z powrotem za kulisy, a Chrome dodawał śmieci do przychodzących danych, które pojawiały się tylko sporadycznie i powodowały błąd „Uncaught SyntaxError: Nieoczekiwany token o” błąd.

Uzyskiwałem dostęp do danych iframe w następujący sposób:

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

który działał dobrze na localhost, ale kiedy przesłałem go na serwer, przestał działać tylko z niektórymi plikami i tylko podczas ładowania plików w określonej kolejności. Naprawdę nie wiem, co to spowodowało, ale to naprawiło. Zmieniłem powyższą linię na

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

kiedy zauważyłem śmieci w odpowiedzi HTML.

Krótka historia sprawdź swoje nieprzetworzone dane odpowiedzi HTML, a możesz coś podkręcić.

SyntaxError: Unexpected token o in JSON

Dzieje się tak również wtedy, gdy zapomnisz użyć awaitsłowa kluczowego dla metody zwracającej dane JSON.

Na przykład:

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

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

zgłosi błąd z powodu braku await. Rzeczywiście zwracany jest Promise[obiekt], a nie string.

Aby to naprawić, po prostu dodaj czekaj, jak należy:

var json_str = await returnJSONData();

Powinno to być dość oczywiste, ale błąd jest wywoływany JSON.parse, więc łatwo przeoczyć, jeśli istnieje pewna odległość między awaitwywołaniem metody a JSON.parsewywołaniem.

Upewnij się, że plik JSON nie zawiera żadnych końcowych znaków przed ani po nim. Może nie do wydrukowania? Możesz spróbować w ten sposób:

[{"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());

Gdy tempActivity pobiera dane, które powodują błąd „Błąd składni: nieoczekiwany token o w JSON w pozycji 1 - Przepełnienie stosu”