谷歌自动完成与jquery

Question

我知道，有一个gcomplete插件，但我尝试建立自己的。 我的问题是，我没有得到答案。

JS

$.get("http://www.google.com/complete/search?qu=chicken", function(data) 
{ 

    $('body').append("Data Loaded: " + data); 

    $.each(data, function(i) 
    {     
     $('body').append('- '+data[i]+' <br />'); 

    }); 

}); 

希望有人能帮助我。

例 http://www.jsfiddle.net/V9Euk/652/

提前感谢！
彼得

Answer 1

你需要让你的数据类型JSONP因为你从不同领域获取的数据，为此，你需要使用AJAX function宁可让

$(function() { 

    $.ajax({ 
     url:"http://www.google.com/complete/search?qu=chicken", 
     success:function(data){ 
      $('body').append("Data Loaded: " + data); 
     }, 
     dataType:'jsonp', 
     error:function(){ 
      alert('error'); 
     } 
    }); 
}); 

http://www.jsfiddle.net/V9Euk/653/

Answer 2

除非您的Javascript不在您要发布的相同域中，否则您将无法获得答案。在这种情况下，您的代码位于www.jsfiddle.net上，但您试图从www.google.com获取数据。

这可以通过使用JSONP而不是JSON轻松解决。请参阅jQuery.ajax function的dataType参数。