jQuery的JSONP AJAX，認證頭沒有被設置

Question

我試圖做一個Ajax請求與以下安裝的谷歌聯繫人API：

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

編輯：看起來不能用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資源接受的access_token參數作爲請求URL的一部分

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

請嘗試以下代碼來代替：

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