Что не так при $.ajax() запросе к Telegram Bots API («SyntaxError: Unexpected token :»)?

Question

[Платон Фёдорович]

Добрый вечер!

Помогите разобраться, пожалуйста, написал jQuery-скрипт, который по клику должен через $.ajax() запрос возвращать JSON-данные из Telegram Bots API. Но когда запускаю — пишет SyntaxError: Unexpected token :.

Вот скрипт:

var access_token = МОЙ_ТОКЕН;
$.ajax({
  url: 'https://api.telegram.org/bot' + access_token + '/getMe',
  dataType: 'jsonp',
  success: function(response) {
    console.log(response);
  }
});

При этом, если просто через браузер открыть этот URL, то будет вот такой ответ:

{"ok":true,"result":{"id":XXXXXXXX,"first_name":"BotName","username":"mybot_bot"}}

Answer 1

[Алексей Уколов]

dataType: 'jsonp',

При чем тут jsonp? Раз сервер отдает json, его и указывайте. Ну и вообще, есть $.getJSON().

Comments

[Платон Фёдорович]

Если поставить dataType: 'json' то нельзя делать кросс-доменные запросы. Ошибка сразу вылезает: XMLHttpRequest cannot load https://api.telegram.org/botМОЙ_ТОКЕН/getMe. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'mysite.ru' is therefore not allowed access.

[Платон Фёдорович]

И да, $.getJSON() тоже самую ошибку показывает — «SyntaxError: Unexpected token :»

[Yaroslav Lyzlov]

Посмотрите что идёт на сервер при запросе (headers, тело запроса), потому что такой запрос получает html, а не json.

[Платон Фёдорович]

dixoNich: то есть $.getJSON() тоже получает html вместо JSON? Что-то я вообще ничего не понимаю...
А где заголовки смотреть? Каким-то параметром в $.ajax() запросе?

[Yaroslav Lyzlov]

С помощью Chrome Dev Tools: https://developer.chrome.com/devtools
не getJSON/ajax возвращает, а телеграм. Во-первых посмотрите, что приходит. Во-вторых ещё раз прочитайте внимательно описание к API телеграм.

[Платон Фёдорович]

dixoNich: Телеграм возвращает всё как надо: application/json в заголовке. При этом, если кликнуть на ошибку в хром-консоле, то он показывает ответ, который мы видем если просто URL в браузере вбить (также этот же ответ на вкладке Network -> мой запрос -> Response/Preview). Просто не ясно: чего ему не нравится первое двоеточие, ведь JSON валидный (проверил в онлайн чекере).

На счёт «прочитайте внимательно описание к API» — ткните носом, пожалуйста. Сам уже не разберусь никак..

[Платон Фёдорович]

Всё ещё актуально...