リモートJSONPオブジェクトからデータにアクセスする

Question

このJSONPオブジェクトは、3つの乱数を生成するサイトに表示されています。 HTML文書に埋め込まれた次のスクリプトを使用してアクセスしようとしています。

<script> 
var url = 'http://dev.apalfrey.me/workspace/te2006-te2801/'; 

$.ajax({ 
    type: 'GET', //uses GET function 
    url: url, //stored URL in var 
    data: { 
     'callback': 'randomNum' 
    }, 

    jsonpCallback: 'randomNum', 
    contentType: 'application/jsonp', 
    dataType: 'jsonp' 
}).done(function(response) { 
    console.log(randomNum.num1); //ERROR IS HERE randomNum. 
}); 
</script> 

JSONPオブジェクトは、次のようになります。

現在、私はエラーを取得しています。 "変数を見つけることができません：randomNum"これは、オブジェクトを正しくターゲットに設定していないことを示しています。 また、F12を押すと、JSONPオブジェクトが自分のリソースに表示されることに注意することも重要です。

どのようにリモートJSONPオブジェクトをターゲットにするかに関する提案はありますか？

Answer 1

問題はdone()ハンドラにあります。存在しないrandomNumという名前の変数を使用しようとしています。その代わりに、response変数をハンドラ関数に渡して使用する必要があります。

また、responseは配列になりますので、インデックスで必要な項目にアクセスする必要があります（例：response[0].num1）。これを試してみてください：

var url = 'http://dev.apalfrey.me/workspace/te2006-te2801/'; 
 

 
$.ajax({ 
 
    type: 'GET', 
 
    url: url, 
 
    jsonpCallback: 'randomNum', 
 
    dataType: 'jsonp' 
 
}).done(function(response) { 
 
    console.dir(response); 
 
    console.log(response[0].num1); 
 
});

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

はまた、あなたの意図は、単に乱数を生成することであるならば、AJAXは巨大な過剰であることに注意してください。 Math.random()を使用することができます。