jQuery：雅虎自动完成/ Autosuggest

Question

我试图检索雅虎自动完成。

雅虎的JSON网址是：http://ff.search.yahoo.com/gossip?output=fxjson&command=query

所以我必须：

$("selector").autocomplete({ 
     source: function(request, response) { 
      $.ajax({ 
       url: "http://ff.search.yahoo.com/gossip", 
       dataType: "jsonp", 
       data: { 
        "output" : "fxjson", 
        "command" : request.term 
       }, 
       success: function(data) { 
        response(data[1]) 
       } 
      }) 
     } 
    }); 

而且这里有一个例子：http://jsfiddle.net/yQbdb/

可有人发现一个错误或我做错了什么？它应该工作。

感谢

Answer 1

设置output到jsonp为我工作。

查看example query的输出结构。

解释如下。

代码是HERE。

$("#wd6450").autocomplete({ 
    source: function(request, response) { 
     $.ajax({ 
      url: "http://ff.search.yahoo.com/gossip", 
      dataType: "jsonp", 
      data: { 
       "output": "jsonp", 
       "command": request.term 
      }, 
      success: function(data) { 
       var suggestions = []; 
       // for each element in the data.gossip.results array ... 
       $.each(data.gossip.results, function(i, val) { 
        // .. push the value of the key inside our array 
        suggestions.push(val.key); 
       }); 
       // call response with our collected values 
       response(suggestions); 

      } 
     }); 
    } 
}); 

说明：

通过使用dataType: "jsonp" jQuery的期望的输出格式是在JSONP。当您使用output: "fxjson"从您的代码拨打电话时，该URL看起来像this但您可以看到输出不是有效的JSONP，因为回调未被调用。

就当你指定output: "jsonp"查询看起来像this，正如你可以看到输出另一方面是有效JSONP - 回调被调用。

您在评论中链接了一个亚马逊例子。 $.ajax()那里的电话会尝试URL如this。来自亚马逊的web服务的输出是有效的JSONP，因为回调被所有的数据调用。

所以结果是：如果您通过配置$.ajax()和output: "jsonp"在URL中提供?output=jsonp参数，雅虎web服务将返回JSONP格式。亚马逊的web服务默认返回这种格式，没有任何额外的参数。这是特定于Web服务的配置，必须咨询其文档或其他相关资源。

关于JSONP的信息可用HERE。