Я продовжую отримувати "Uncaught SyntaxError: Несподіваний маркер 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

Мій код 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 здогадується про тип даних. Це робить аналіз JSON, навіть якщо ви не викликаєте getJSON () - тоді, коли ви намагаєтесь викликати JSON.parse () на об'єкт, ви отримуєте помилку.

Подальше пояснення можна знайти у відповіді Адітії Міттал .

Проблема дуже проста

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

Ви розбираєте її двічі. getвикористовує dataType='json', тому дані вже у форматі json. Використовуйте, $.ajax({ dataType: 'json' ...щоб спеціально встановити тип повернених даних!

В основному, якщо заголовок відповіді є текстом / html, вам потрібно проаналізувати, а якщо заголовок відповіді є application / json, він вже розбирається для вас.

Проаналізовані дані з обробника успіху jquery для тексту / html відповіді:

var parsed = JSON.parse(data);

Проаналізовані дані з обробника успіху jquery для відповіді application / json:

var parsed = data;

Ще один натяк на Unexpected tokenпомилки. Є дві основні відмінності між об'єктами javascript та json:

1. Дані json завжди повинні котируватися подвійними лапками.
2. ключі повинні бути котировані

Правильний JSON

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

Помилка JSON 1

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

Помилка JSON 2

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

Зауваження

Це не є прямою відповіддю на це питання. Але це відповідь на Unexpected tokenпомилки. Тож може допомогти іншим, хто натикається на це питання.

Просто відповідь вже проаналізована, вам не потрібно її знову розбирати. якщо проаналізувати його ще раз, це дасть вам "несподіваний маркер o", однак вам потрібно вказати тип даних у своєму запиті, щоб він був типdataType='json'

Я мав подібну проблему саме зараз, і моє рішення може допомогти. Я використовую iframe для завантаження та перетворення XML-файлу в json і відправлю його за кадром, а Chrome додає до вхідних даних трохи сміття, яке відображатиметься лише з перервами і спричинятиме "Uncaught SyntaxError: Несподіваний маркер o" помилка.

Я отримував доступ до таких даних iframe:

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

що добре працювало на localhost, але коли я завантажив його на сервер, він перестав працювати лише з деякими файлами і лише при завантаженні файлів у певному порядку. Я не знаю, що це спричинило, але це виправлено. Я змінив рядок вище на

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

одного разу я помітив трохи сміття у відповіді HTML.

Короткий короткий опис, перевірте свої вихідні дані відповіді HTML, і ви можете щось вимкнути.

SyntaxError: Unexpected token o in JSON

Це також відбувається, коли ви забудете використовувати awaitключове слово для методу, який повертає дані JSON.

Наприклад:

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

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

викине помилку через відсутність await. Те, що фактично повертається, - це Promise[об’єкт], а не а string.

Щоб виправити, додайте функцію очікування як слід:

var json_str = await returnJSONData();

Це має бути досить очевидно, але помилка викликана JSON.parse, тому легко пропустити, якщо між вашим викликом методу та викликом є деяка відстань .awaitJSON.parse

Переконайтесь, що у вашому файлі JSON немає жодних символів до або після. Може, недрукований? Ви можете спробувати так:

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

Якщо tempActivity є дещо тим, що видає помилку "SyntaxError: Несподіваний маркер o в JSON в позиції 1 - Переповнення стека"