búsqueda AJAX de Google con jQuery - $ .getJSON (). no hay ninguna respuesta

Question

Estoy tratando de hacer mi búsqueda de imágenes con la búsqueda AJAX de Google Estoy usando jQuery. por lo que a mi código

$.getJSON('http://ajax.googleapis.com/ajax/services/search/images?v=1.0&q=hello', function(data) {
    console.log(data);
});

la consola impresa NULL y mi información es xhr

request URL:http://ajax.googleapis.com/ajax/services/search/images?v=1.0&q=hello
Request Headers
Accept:application/json, text/javascript, */*
Cache-Control:max-age=0
Origin:http://example.local
Referer:http://example.local/thread/create
User-Agent:Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6_4; en-US) AppleWebKit/533.4 (KHTML, like Gecko) Chrome/5.0.375.127 Safari/533.4

No estoy seguro de lo de Wong. Me PLZ

ayuda

Answer 1

La URL necesita una ligera inclinación de desencadenar la JSONP, añadir &callback=? en el extremo, como esto:

$.getJSON('http://ajax.googleapis.com/ajax/services/search/images?v=1.0&q=hello&callback=?', function(data) {
  console.log(data);
});

Puede ver su funcionamiento aquí , echar un vistazo a la consola.

Si jQuery ve un callback=? en la URL, se lo reemplaza con un nombre de función que genera (que es su devolución de llamada function(data)), y eso es lo que se ejecuta cuando la solicitud JSONP regresa. Ver la documentación $.getJSON() para la misma información.

Sin esto está tratando de hacer un XmlHttpRequest, y ser bloqueado por la política del mismo origen , ya que está en otro dominio.