Question

我知道这已被问过无数次，但我仍然无法让我的代码工作。我正在尝试从我的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。

如果你设置这样的网址

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

通过JQuery JSONP调用Google Ajax Search API

2 个答案: