使用jquery读取GoogleAPI JSON

我想用GoogleAJAXAPI获取Google搜索结果，然后将结果附加到DIV中

谷歌正在使用json来显示结果，但不幸的是，我不知道如何使用它

我搜索了很多，但没有结果

这是我的代码，但不是工作：（也许你明白我想做什么） 本地json链接工作，但外部链接不工作

<script type="text/javascript">
  jQuery(function($){
    $.getJSON('http://ajax.googleapis.com/ajax/services/search/web?v=1.0&q=stack', function(data) {
    $.each(data.responseData.results, function(i, article){
    $('#searchcontrol').append('<h2>' + article['title'] + '</h2><p>' + article['content'] + '</p>');
  });
});

对不起，英语不好

---

非常感谢：）

您正在尝试使用jquery用于提取JSONP数据的全局函数。这将不起作用，因为jQuery不会使用您创建的名为

myjsonpfunction

的函数；取而代之的是，他们将创建一个新的供他们使用的文件，该文件将被删除。。。您正在进行的处理需要是一个通过AJAX回调调用的新函数，即

<script type="text/javascript">


  function ajaxCallback(data){
      $.each(data.responseData.results, function(i, article){
          $('#searchcontrol').append('<h2>' + article['title'] + '</h2><p>' + article['content'] + '</p>');
      });
  }

  //request data using jsonP
  $(function(){
      $.ajax({
          url:'http://ajax.googleapis.com/ajax/services/search/web?v=1.0&rsz=large&q=stack',
          type:"GET",
          dataType: 'jsonp',
          jsonpCallback: 'myjsonpfunction',
          async:'true'
      }).done(ajaxCallback);
  });
</script>

函数ajaxCallback（数据）{
$.each（data.responseData.results，function（i，文章）{
$（“#searchcontrol”）.append（“+article['title']+'”+article['content']+'
”）；
});
}
//使用jsonP请求数据
$（函数（）{
$.ajax({
网址：'http://ajax.googleapis.com/ajax/services/search/web?v=1.0&rsz=large&q=stack',
键入：“获取”，
数据类型：“jsonp”，
jsonpCallback:'myjsonpfunction'，
异步：'true'
}).完成（ajaxCallback）；
});

---

如您所见，我还使用了

done

jQuery方法，因为

success

将被弃用。即使你做这件事的方式奏效，你也不应该那样做

如果我将json复制到一个.txt文件并调用它，它就会工作！！！但是外部链接不起作用！！！记住，我在URL:&callback=myjsonpffunction中有回调函数，这就是jsonpCallback所做的。它将查询字符串（使用myjsonpfunction，与原始示例同名）附加到请求中。

<script type="text/javascript">


  function ajaxCallback(data){
      $.each(data.responseData.results, function(i, article){
          $('#searchcontrol').append('<h2>' + article['title'] + '</h2><p>' + article['content'] + '</p>');
      });
  }

  //request data using jsonP
  $(function(){
      $.ajax({
          url:'http://ajax.googleapis.com/ajax/services/search/web?v=1.0&rsz=large&q=stack',
          type:"GET",
          dataType: 'jsonp',
          jsonpCallback: 'myjsonpfunction',
          async:'true'
      }).done(ajaxCallback);
  });
</script>