Error en la ejecucion json

[diegovazgonz]

El script extrae el contenido de un input para buscar su direccion en google, luego descarga uno de los valores del json, por ejemplo el campo name

Código Javascript:

$(document).ready(function() {
    
    $("#busprin").keypress(function(e) {
    if(e.keyCode == 13) {
        
        $.ajax({
                async:  true, 
                url:    "http://maps.google.es/maps/geo?output=json&sensor=true&q=" + $("#busprin").val(),
                dataType:"json",
                success: function(data){
                     var json = data;
                     alert(json.name);
                    },
                error:function(data){
                     alert('Error');
                    }
                }); 
    }});
     
});
 

Código json:

{
  "name": "ourense",
  "Status": {
    "code": 200,
    "request": "geocode"
  },
  "Placemark": [ {
    "id": "p1",
    "address": "Ourense, España",
    "AddressDetails": {
   "Accuracy" : 4,
   "Country" : {
      "AdministrativeArea" : {
         "AdministrativeAreaName" : "Galicia",
         "SubAdministrativeArea" : {
            "Locality" : {
               "LocalityName" : "Ourense"
            },
            "SubAdministrativeAreaName" : "Orense"
         }
      },
      "CountryName" : "España",
      "CountryNameCode" : "ES"
   }
},
    "ExtendedData": {
      "LatLonBox": {
        "north": 42.3983214,
        "south": 42.2881793,
        "east": -7.8059585,
        "west": -8.0037342
      }
    },
    "Point": {
      "coordinates": [ -7.8646408, 42.3400086, 0 ]
    }
  } ]
}
 

[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.

[diegovazgonz]

el problema es quje me da error,no se ejecuta la parte de lectura json adamas te lo agradezco muchisimo, pero tiene que ser en js y html

[Naahuel]

Iniciado por diegovazgonz

el problema es quje me da error

Bueno, no se puede adivinar. Ni en el post original ni ahora me dijiste qué error. Cuanto más específico, mejor la calidad de la ayuda.

Y por lo que veo, no se va a poder hacerlo como querés. No he encontrado otra solución al problema que te planteé en mi mensaje anterior

[diegovazgonz]

haber, el error consiste basicamente en que no funciona nos se porque no me muestra la variable name ,no se el porque, el codigo es talcual el que tengo en mi web,te paso un enlace de dropbox para que veas https://dl.dropbox.com/u/47775301/index.html

[Naahuel]

El error según la consola de Chrome es:

XMLHttpRequest cannot load http://maps.google.es/maps/geo?outpu...=true&q=prueba. Origin https://dl.dropbox.com is not allowed by Access-Control-Allow-Origin.

Por lo cual, se aplica todo lo que dije en mi primer respuesta.