Почему не хочет парсить JSON?

Question

[paulvales]

Есть некое API,необходимо получить токен.
Получаю данные :

function gettok2(){
    var result;
 $.ajax({
 type: 'GET', 
     cache: false,
   callbackParameter: 'callback',
    async: false,
       crossDomain: true,
    dataType: 'jsonp',
  url: "https://api.shipper.io/v1/login/key",
  data:{ username:"xxxxxx",auth_key:"xxxxxxxxxxxxxxxxxxxx"},
  success: function(data){
    var r = $.parseJSON(data);
    result = r.access_token; 
     console.log(r.access_token);
  alert(r);
  }
});
 return result;
}

Данные приходят в таком виде:

{"access_token":"gmZxervvZWL-qop3vS6d8qTwjamBk5QM"}

Но в консоле "Uncaught SyntaxError: Unexpected token :"
Указывает на двоеточие.
Что я делаю не правильно?

Comments

[fridary]

А функции JSON.parse(), $.toJSON(), JSON.stringify() тоже дают ошибку?

[Dmitriy Uvarov]

А разве они не должны быть строкой, данные?

'{"access_token":"gmZxervvZWL-qop3vS6d8qTwjamBk5QM"}'

[paulvales]

Дмитрий Уваров: fidler пишет что json

[paulvales]

Neoline: не выводит , даже console.log(data) не выводится, видимо до обработки еще

[Сергей Новиков]

Один вопрос: сервер точно возвращает "Content-Type: application/json"?

[paulvales]

Сергей Новиков: да, Content-Type: application/json; charset=UTF-8

[kartio]

посмотрите ответ сервера и особенно его код в консоли разработчика либо добавьте обработчик
error: function() {}
в свой код
скорее всего сервер отдает не тот код ответа, скорее всего проблема в cors

Answer 1

[Дмитрий Еремин]

попробуйте

...
success: function(data){
    var r = $.parseJSON(data);
    result = r["access_token"]; 
     console.log(r["access_token"]);
  alert(r);
...

Comments

[paulvales]

не помогает

Answer 2

[Петр]

Ваша ситуация похожа на эту
Т.е. проблема в the cross-site policies

Comments

[paulvales]

неужели ее нельзя никак разобрать? ответ то приходит в формате json ,проверяю через fidler

[Петр]

paulvales: Похоже ответ не доходит до кода страницы, и фильтруется браузером.

Answer 3

[Николай]

Вы же jsonp используете. А значит в success колбэке data - это уже нормальный js объект и его не нужно парсить.

Comments

[paulvales]

а как токен от туда выдрать? он на двоеточие ругается и объект undefined

[Николай]

Говорю же, не надо парсить, jquery это сам делает если указать тип данных. Хотя возможно у вас там и нет jsonp:

$.ajax({
	type: 'GET',
	cache: false,
	async: false,
	crossDomain: true,
	dataType: 'json', // или jsonp в зависимости от ответа сервера
	url: "https://api.shipper.io/v1/login/key",
	data:{ username:"xxxxxx",auth_key:"xxxxxxxxxxxxxxxxxxxx"},
	success: function(data){
		var result = data.access_token;
		console.log(result);
	}
});

[Dmitriy Uvarov]

data['access_token'] попробуйте так

[paulvales]

Николай: с json не работает, кроссдоменая ошибка 'Access-Control-Allow-Origin',а с jsonp по вашему примеру все также как и было, ругается на двоеточие

[Николай]

Ну тогда 2 варианта:
1) Добавить заголовок Access-Control-Allow-Origin с вашим доменом в ответе сервера, и работь как с json;
2) Научить сервер отдавать jsonp, сейчас он похоже отдает просто json.

[paulvales]

Николай: а если сервер не подконтроллен мне, можно ли вставить заголовки?

[Николай]

Как получить JSON кроссдоменно, но без callback? вам сюда

Answer 4

[SirMustache]

Попробуй добавить в url запроса:

?callback=JSON_CALLBACK