jquery - twitter 搜索 api 出现 jquery 错误

Question

我需要使用 twitter api 请求使用 jquery 进行 twitter 搜索。看完documentation我写了这段代码:

  $.getJSON("http://search.twitter.com/search.json?callback=myFunction&q=stackoverflow");

   function myFunction(r) {
       console.log(r);
    }

search.json 无法加载资源> 执行页面时，Google Chrome 在控制台上显示此错误:

XMLHttpRequest cannot load http://search.twitter.com/search.json?callback=myFunction&q=stackoverflow. Origin http://localhost/twitter is not allowed by Access-Control-Allow-Origin. search.json Failed to load resource

问题是什么？

Answer 1

您需要以不同的方式编写它，如下所示:

$.getJSON("http://search.twitter.com/search.json?callback=?&q=stackoverflow", 
  function (r) {
    console.log(r);
});

为了触发 JSONP，它显式寻找 callback=?，它不在您的命名函数版本中。要使用命名回调，最好使用 $.ajax()完整版:

$.ajax({
  url: "http://search.twitter.com/search.json?q=stackoverflow",
  dataType: "jsonp",
  jsonpCallback: "myFunction"
});

function myFunction(r) { console.log(r); }