如何使用替代端点来解决跨起源问题

Question

我正在与免费代码训练营的Twitch电视挑战作斗争。但是我无法从API电话中得到任何回复。因此，我使用了为挑战提供的替代端点

$(document).ready(function(){
  var url= "https://wind-bow.gomix.me/twitch-api/streams/freecodecamp";
  $.getJSON(url,function(data1){
    if(data1.stream===null){
      $("#fccStatus").html("Free Code Camp is Currently OFFLINE!");
    }
    else{
      $("#fccStatus").html("Free Code Camp is Currently ONLINE!");
    }
  });
  });

仍然没有结果。检查我的笔以获取更多详细信息。只有一个API呼叫正在工作。

https://codepen.io/ojomiba/pen/ebrjeq

Answer 1

这是您要实现的示例。另外，您需要使用JSONP而不是JSON，否则您的请求将被阻止。

$(document).ready(function(){
  $.ajax({
      url: 'https://wind-bow.gomix.me/twitch-api/streams/freecodecamp',
      dataType: 'jsonp',
      success: function(data){
        if(data.stream===null){
          console.log('no stream', data);
        }else{
          console.log('stream', data.stream);
        }
      }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>