6

Tem como recuperar um valor de um resultado de uma url pelo jQuery?

Meu problema é o seguinte, preciso receber o resultado final dessa url:

http://maps.googleapis.com/maps/api/geocode/json?latlng=-12.9945,-38.5266&sensor=false

E preciso recuperar esse resultado através do JavaScript.

1
  • Nenhuma das respostas atende sua dúvida?
    – durtto
    Commented 3/03/2017 às 11:26

5 Respostas 5

10

Use o $.getJSON:

$.getJSON(url, function (resultado){
  // use o resultado
});
4
  • Não vai dar, é cross-domain.
    – bfavaretto
    Commented 20/02/2014 às 2:41
  • 4
    Use ̶j̶s̶o̶n̶p̶ ̶o̶u̶ cors: a url retorna Access-Control-Allow-Origin: * no header. Commented 20/02/2014 às 2:42
  • 1
    Realmente, CORS liberado: jsfiddle.net/jGp8N
    – bfavaretto
    Commented 20/02/2014 às 2:44
  • 1
    É uma API do Google Maps. Se não fosse liberado iria fazer as pessoas se perderem. Literalmente. Commented 20/02/2014 às 3:37
7

Uma variante sem jQuery, inpirado aqui:

var url = 'http://maps.googleapis.com/maps/api/geocode/json?latlng=-12.9945,-38.5266&sensor=false';
httpGet(url);

function httpGet(theUrl) {
    xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function () {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            var objectResposta = JSON.parse(xmlhttp.response);  // usando JSON.parse()
            console.log(objectResposta.results);                // log para a consola
        }
    }
    xmlhttp.open("GET", theUrl, false);
    xmlhttp.send();
}

No caso do google maps isto funciona porque ele permite pedidos de domínios diferentes, mas noutros casos pode não funcionar por causa do príncipio da mesma origem e CORS (Cross-origin resource sharing / Partilha de recursos em origens diferentes).

2
  • Ctrl+C Ctrl+V vicia: o Ajax é IE5+, enquanto o JSON.parse é IE8+. Parece que todo mundo esqueceu disso. Commented 26/02/2014 às 19:20
  • @GustavoRodrigues, verdade :P editei...
    – Sergio
    Commented 26/02/2014 às 19:23
1

Assim como o colega @Gustavo Rodrigues respondeu, o código abaixo funcionou perfeitamente:

$.getJSON('http://maps.googleapis.com/maps/api/geocode/jsonlatlng=-12.9945,-38.5266&sensor=false', null, function (data) {
    alert(data.results[1].address_components[0].long_name); // Resultado: "Av. 7 de Setembro, S/N"
})

Testei em uma página html simples e em uma aplicação ASP.NET MVC.

0

Uma boa sugestão também.

var ajax = function(url, requestType, callback, queryString) {
    var ids = ['MSXML2.XMLHTTP.3.0',
    'MSXML2.XMLHTTP',
    'Microsoft.XMLHTTP'],
    xhr;
    if (window.XMLHttpRequest)
      xhr = new XMLHttpRequest();
    else {
      for (var i = 0; i < ids.length; i++) {
        try {
          xhr = new ActiveXObject(ids[i]);
          break;
        } catch(e) {}
      }
    };
    xhr.onreadystatechange = function() {
        if(xhr.readyState== 4){
            if(xhr.status==200)
                 callback(xhr);          
        }        
    };
    xhr.open(requestType, url, true);
    if (requestType.toUpperCase() === 'GET')      
      xhr.send();
    else if (requestType.toUpperCase() === 'POST')
      xhr.send(queryString);      
};
ajax("http://maps.googleapis.com/maps/api/geocode/json?latlng=-12.9945,-38.5266&sensor=false","GET",function(xhr){
   var ResultJSON = JSON.parse(xhr.response);
   console.log(ResultJSON);
});
0

Já que vc está usando o google maps para fazer isso, uma maneira de se fazer é usar a própria api que eles disponibilizam.

Aqui um exemplo:

http://jsfiddle.net/moykn/N6x3q/

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .