Ajax Oauth 2.0 訪問令牌

Question

我正在嘗試創建一個 JSON 請求並且我有以下腳本，但由於某種原因我沒有得到響應。 有人能幫忙嗎？

我有我的令牌，但我不知道我需要把它放在哪里？

    <script>
    $.ajax(
        'https://data.brightcove.com/analytics-api/videocloud/accounts/867903724001/report/?dimensions=video&format=json', {
            type: 'GET',
            dataType: 'json',
            beforeSend: function(xhr) {
                xhr.setRequestHeader("Authorization", "Bearer $token")
            },
            complete: function(resp) {
                console.log(resp);
            },
            error: function(jqXHR, textStatus, errorThrown) {
                console.log(textStatus);
            }
        }
    );
</script>

Answer 1

 $.ajax({
        url: 'https://data.brightcove.com/analytics-api/videocloud/accounts/867903724001/report/?dimensions=video&format=json',
      dataType: 'JSONP',
     beforeSend: function(xhr) {
                xhr.setRequestHeader("Authorization", "Bearer $token")
            },
      success: function(data){
        console.log(data)
      },
     error: function(jqXHR, textStatus, errorThrown)   {
                    console.log(textStatus);
                }

    })

將數據類型 json 更改為 jsonp。 由於您嘗試訪問跨域，因此您必須使用jsop 。

Answer 2

您可以在 html 文件中使用此腳本

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/qs/6.9.4/qs.js"></script>

需要此腳本后，您可以編寫自己的 javascript 函數，它會起作用。

BrightcoveClientId：傳遞動態的 Brightcove 客戶端 ID。 BrightcoveClientSecret：傳遞動態的 Brightcove 秘密。

      async  function brightCove(params) {
          const config = {
          url: 'https://oauth.brightcove.com/v4/access_token',
          method: 'post',
          data: Qs.stringify({
            grant_type: 'client_credentials',
            client_id: brightcoveClientId,
            client_secret: brightcoveClientSecret,
          })
        };
        const bearerToken = await axios(config);
        const getPlayableUrl = await axios.get(`https://cms.api.brightcove.com/v1/accounts/${brightcoveAccountId}/videos/${embededCode}/sources`,
          {
            "headers": {
              "content-type": "application/x-www-form-urlencoded",
              "authorization": `Bearer ${bearerToken.data.access_token}`
            }
          });
        }

它對我來說很好。