jQueryのJSONPアヤックス、認証ヘッダ

Question

を設定されていない私には、以下の設定でGoogleの連絡先のAPIへのAJAXリクエストを作るためにしようとしている：

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

しかし、認証ヘッダがセットされますしていないようです。何か案は？

Answer 1

私は最近、同じ問題を抱えていました。これを試してください：

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

EDIT：JSONPではできないようです。 Modify HTTP Headers for a JSONP request

Answer 2

ただ、これを行う（jqueryの2.0が、以前のバージョンで動作するはずです）

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

Answer 3

認証は、クロスドメインリクエストで必要とされるとき、あなたはいくつかの種類のプロキシサーバーを使用する必要がありますが。

dataType: jsonpを使用すると、実際にHTTP要求がDOMに追加されるスクリプトから作成されるため、$.ajaxに設定されたヘッダーは使用されません。

Answer 4

ですがのOAuth2 RESTリソースのほとんどが

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

要求URLの一部として、access_tokenはパラメータをしてください受け入れることを、代わりに次のコードを試してみてくださいようだ：

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