クロスエンドの問題を解決するために別のエンドポイントを使用する方法

Question

私はフリーコードキャンプでの挑戦のTVチャレンジと戦っています。しかし私は私の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!"); 

    } 

  }); 

  }); 

のために提供された代替エンドポイントを使用していました。 詳細については、私のペンをチェックしてください。 1つのAPI呼び出しのみが動作しています。ここで

https://codepen.io/Ojomiba/pen/EbRJEQ

Answer 1

あなたが達成しようとしているものの一例です。また、jsonの代わりにjsonPを使用する必要があります。そうしないと、リクエストがブロックされます。

$(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>