Я пытаюсь сделать запрос AJAX на API Google Contacts со следующей настройкой:
$.ajax({
url: "https://www-opensocial.googleusercontent.com/api/people/@me/@all",
dataType: 'jsonp',
data: {
alt: 'json-in-script'
},
headers: {
'Authorization': 'Bearer ' + token
},
success: function(data, status) {
return console.log("The returned data", data);
}
});
Но заголовок аутентификации, похоже, не устанавливается. Любые идеи?
У меня недавно была такая же проблема. Попробуйте это:
$.ajax({
url: "https://www-opensocial.googleusercontent.com/api/people/@me/@all",
dataType: 'jsonp',
data: {
alt: 'json-in-script'
},
success: function(data, status) {
return console.log("The returned data", data);
},
beforeSend: function(xhr, settings) { xhr.setRequestHeader('Authorization','Bearer ' + token); }
});
РЕДАКТИРОВАТЬ: похоже, это не может быть сделано с JSONP. Изменить заголовки HTTP для запроса JSONP
Просто сделайте это (jquery 2.0, но должен работать в предыдущих версиях)
$.ajax({
url: "/test",
headers: {"Authorization": "Bearer " + $('#myToken').val()}
})
.done(function (data) {
console.log(data);
})
.fail(function (jqXHR, textStatus) {
alert("error: " + textStatus);
});
Когда требуется проверка подлинности в междоменном запросе, вы должны использовать какой-либо прокси-сервер.
Поскольку использование dataType: jsonp
приводит к тому, что HTTP-запрос фактически выполняется из сценария, который добавляется в DOM, заголовки, установленные в $.ajax
, использоваться не будут.