javascript - 从远程 JSONP 对象访问数据

Question

我在生成 3 个随机数的网站上显示了这个 JSONP 对象。我正在尝试使用嵌入在 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() 即可。