javascriptリダイレクトされたURLへのAPI呼び出しでjsonデータを取得する方法

Question

私はgltich APIからjsonデータを取得しています。

https://wind-bow.gomix.me/twitch-api/users/freecodecamp

私はそのリンクに行くと、URLが別のドメイン

https://wind-bow.glitch.me/twitch-api/users/freecodecamp

（glitch.meからgomix.meから、ドメイン名の変更）

にリダイレクト

両方のHTTPリクエストにpostmanを使用すると、同じJSONデータを取得します。しかし、jQueryのを使用している場合、両方が同じ結果を生成しない.getJSON方法

$(document).ready(function() { 
 
    $.getJSON("https://wind-bow.gomix.me/twitch-api/users/freecodecamp", function(data1) { 
 
     console.log("Gomix.me URL", data1); // nothing outputted 
 
    }); 
 
    
 
    $.getJSON("https://wind-bow.glitch.me/twitch-api/users/freecodecamp", function(data2) { 
 
     console.log("Glitch.me URL", data2); // expected data outputted 
 
    }); 
 
    });

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

はgomix.meにリダイレクトされますURLからJSONデータを取得することが可能であり、あるいは私がすることができるだけです最終エンドポイントはglitch.meのみを使用しますか？

Answer 1

GomixリクエストはCORSポリシーでブロックされています。あなたはそれを迂回するためにこの英雄アプリを使うことができます：https://cors-anywhere.herokuapp.com/。

$(document).ready(function() { 
 
    $.getJSON("https://cors-anywhere.herokuapp.com/https://wind-bow.gomix.me/twitch-api/users/freecodecamp", function(data1) { 
 
     console.log("Gomix.me URL", data1); // now it works 
 
    }); 
 
    
 
    $.getJSON("https://wind-bow.glitch.me/twitch-api/users/freecodecamp", function(data2) { 
 
     console.log("Glitch.me URL", data2); // expected data outputted 
 
    }); 
 
    });

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

Answer 2

あなたはdataType: 'jsonp'と$.ajaxを使用している場合、それはあなたを助けます。

$(document).ready(function() {   
    $.ajax({ 
    url: "https://wind-bow.gomix.me/twitch-api/users/freecodecamp", 
    type: 'GET', 
    dataType: 'jsonp', 
    success: function(data1) { console.log("Gomix.me URL", data1);}  
    }); 
});