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}`
            }
          });
        }

它对我来说运行得很好。