Question

我正在与免费代码阵营的抽搐电视挑战作斗争。但我无法从我的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>

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

1 个答案: