2

http://www.anagramica.com/apiをタップして、入力された単語から作成できるすべての単語を決定しようとしています。クロスオリジン ポリシーでは、通常の GET リクエストを使用して JSON データを受信することはできません。anagramica のホームページでは、JSONP について言及されています。これを以下に実装してみました。

<!DOCTYPE html>
<html>
<head>
    <script src="jquery-3.3.1.min.js"></script>
    <title>word play</title>
</head>

<body>
    <h1>Speak A Word</h1>
    <script>
    document.body.onclick = function() {
    $.getJSON("http://www.anagramica.com/all/dog?callback=?",function(json){
    console.log(json);
});
        }   
    </script>

</body> 
</html>

これにより、次のエラーが発生しました。

"Cross-Origin Read Blocking (CORB) はクロスオリジン応答http://www.anagramica.com/all/dog?callback=jQuery33106950206857384036_1542003732614&_=1542003732615を MIME タイプ application/json でブロックしました。https://www.chromestatus.comを参照してください。詳細については、 /feature/5629709824032768をご覧ください。」

ここに関連する投稿: Loading cross-domain endpoint with jQuery AJAX

jQuery でクロスドメイン ajax JSONP リクエストを作成する

この場合、なぜ JSONP が機能しないのか疑問に思っていますか?

4

0 に答える 0