javascript - funcionó - falta la cabecera cors ''access-control-allow-origin'' angular

jQuery JSONP ajax, no se ha establecido el encabezado de autenticación

Question

Estoy intentando realizar una solicitud ajax a la API de contactos de Google con la siguiente configuración:

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

Pero el encabezado de autenticación no parece estar configurado. ¿Algunas ideas?

Answer 1

Cuando se necesita autenticación en una solicitud de dominio cruzado, debe usar un servidor proxy de algún tipo.

Como el uso de dataType: jsonp hace que la solicitud HTTP se realice desde el script que se agrega al DOM, los encabezados establecidos en $.ajax no se usarán.

Answer 2

Parece que la mayoría de los recursos REST OAUTH2 aceptan el parámetro access_token como parte de la url de solicitud

http://self-issued.info/docs/draft-ietf-oauth-v2-bearer.html#query-param

Por favor, pruebe el siguiente código en su lugar:

$.ajax({
dataType: ''jsonp'',
url: url,
data: {
''access_token'':token.access_token
},
jsonpCallback: ''thecallback'',
success: function(data){
_cb(data);
},
error: function(d){
_cb(d);
}
});

Answer 3

Simplemente haga esto (jquery 2.0, pero debería funcionar en versiones anteriores)

 $.ajax({
url: "/test",
headers: {"Authorization": "Bearer " + $(''#myToken'').val()}
})
.done(function (data) {
console.log(data);
})
.fail(function (jqXHR, textStatus) {
alert("error: " + textStatus);
});

Answer 4

Tuve el mismo problema recientemente. Prueba esto:

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

EDITAR: Parece que no se puede hacer con JSONP. Modificar los encabezados HTTP para una solicitud JSONP