通过JQuery JSONP调用Google Ajax Search API

我知道这已被问过无数次，但我仍然无法让我的代码工作。 我正在尝试从我的Javascript应用程序中进行简单的JSONP调用。 鳕鱼片段看起来像：

url="http://ajax.googleapis.com/ajax/services/search/web?v=1.0&q=AAA&callback=?"; 

然后是：

 $.getJSON(url, function(data) { alert('hello 1'); }); 

要么：

 $.ajax({url: url, datatype: 'jsonp', success: function(data) { alert("hello 2"); }, error: function(j, t, e) { alert(t);} }); 

这两种方法都不奏效。 第二种方法导致“错误”的警报。 第一个也没有成功。 我究竟做错了什么？ 非常感谢！！

更新：我想我至少发现了一个问题。 让我看看这个。

更新2：对不起，这段代码实际上是有效的，至少是第一种方法。 这个代码片段周围有一个微妙的错误导致代码不能正常工作，但整体而言这很好。 异步调用有时候有点棘手:-)

Answer 1

看看JsFIddleDemo

  /* * create callbak function for jsonP * @params * data is response from http://ajax.googleapis.com/ajax/services/search/web?v=1.0&q=AAA&callback=myjsonpfunction */ function myjsonpfunction(data){ alert(data.responseData.results) //showing results data $.each(data.responseData.results,function(i,rows){ alert(rows.url); //showing results url }); } //request data using jsonP $(function(){ $.ajax({ url:'http://ajax.googleapis.com/ajax/services/search/web?v=1.0&q=AAA&callback=myjsonpfunction', type:"GET", dataType: 'jsonp', jsonp: 'myjsonpfunction', async:'true', success:function (data) { //alert("success"); } }); }); 

你需要写一个回调参数和回调函数，如果你没有设置回调，google ajax apis将只返回json。

如果你设置这样的URL

 http://ajax.googleapis.com/ajax/services/search/web?v=1.0&q=AAA&callback=?(another) 

反应是

{"responseData": null, "responseDetails": "bad or missing callback or context", "responseStatus": 400}

Answer 2

您的使用方法看起来已弃用： https ： //developers.google.com/web-search/docs/reference

并转到： http ： //code.google.com/apis/customsearch/v1/overview.html