得到“未定义”使用 MooTools 请求 Twitter 搜索 API 时。知道为什么吗？

Question

我有以下代码：

window.addEvent('domready', function() {
    console.log('starting twitter stuff');
    var twitter = $('twitter');
    var jsonReq = new Request.JSON({
        method: 'get',
        secure: false,
        url: 'http://search.twitter.com/search.json?q=%23rhschelsea&rpp=1&include_entities=false&result_type=recent',
        onRequest: function() {
            twitter.set('text', 'Loading...');
        },
        onComplete: function(response) {
            twitter.set('text', 'Loaded tweets');
            console.log(response);
            console.log('foobar');
        }
    }).send();
});

我在控制台中看到“foobar”。我在页面上看到“正在加载...”，然后看到“已加载推文”。但我在记录响应变量时看到“未定义”。

有什么想法吗？该 URL 有效，如果我将其放入浏览器中，我可以看到 JSON。

Answer 1

由于 XSS/同源策略，您无法在远程域上使用 Request.JSON - 它基于简单的 XHR 请求。使用 Request.JSONP 代替，它是基于脚本的，因此不受域限制，这里有一个工作小提琴：

http://jsfiddle.net/dimitar/B5rF4/

JSONP 它可以在 mootools-more 中找到。

twitter 会通过将 callback=foo 添加到您提供的 url 中，将其包装到请求的回调 foo({...}) 中，从而使其符合 JSONP。