Error en la ejecucion json

[Naahuel]

¿Y cual es el problema?

Si obtenés el clásico error:

XMLHttpRequest cannot load http://maps.google.es/maps/geo?outpu...r=true&q=asdas. Origin http://localhost is not allowed by Access-Control-Allow-Origin.

Cambiá:

Código Javascript:

dataType:"json"
 

Por:

Código Javascript:

dataType:"jsonp"
 

Pero esto origina un problema (como acabo de darme cuenta) y es que al hacer esto, el servidor de Google ya no envía la data codificada como objeto JSON sino como texto Javascript y tira el siguiente error:

"Uncaught SyntaxError: Unexpected token :"

Te marca un error en la respuesta JSON del servidor (por lo que te dije antes). La solución a esto es hacer el pedido con PHP (hacer una especie de wrapper) con AJAX hacer el pedido a ese php.

Resumiendo, hacé un PHP con este contenido:

Código PHP:

<?php 
 
$json_o = file_get_contents('http://maps.google.es/maps/geo?output=json&sensor=true&q=' . $_REQUEST['q']);
 
echo $json_o;
 
?>
 

Llamalo, por ejemplo, google_maps.php. Ahora tu JavaScript debería ser así:

Código Javascript:

$.ajax({
    url: "google_maps.php?q=" + escape($("#busprin").val()),
    dataType: "json",
    success: function(data){
         alert(data.name);
        },
    error:function(data){
         alert('Error');
        }
});
 

Eso funciona perfectamente. Observá el uso de escape() para el valor del input.


Espero haya sido claro. Un saludo.