Récupère la valeur de la fonction Jquery

Question

J'ai essayé de retourner la valeur de la variable 'city' mais je continue à produire des résultats bizarres, je sais qu'il doit y avoir quelque chose qui ne va pas avec mon code, j'espère que tu peux m'aider. .

function getCity(lat,lng) 
{ 
var url="http://maps.googleapis.com/maps/api/geocode/json?latlng="; 
var sensor="&sensor=false"; 

var city; 
$.getJSON(url+lat+","+lng+sensor,function(json) 
    { 
     var address=json.results[0].address_components; 
     var addr; 
     for(var i in address) 
      { 
       addr=address[i]; 
       if(addr.types[0] == "locality" && addr.types[1] == "political") 
       { 
        city=addr.long_name; 

       } 
      } 
     }); 
     return city; 
} 

Answer 1

$ .getJson est une fonction asynchrone, ce qui signifie que vous retournez la ville, puis le fonction de succès est exécuté (si t il a appelé travaillé). Ce que vous voulez, c'est attendre que l'appel revienne. Voilà ce que je pense est une bonne façon de le faire, en utilisant jquery différé:

function getCity(lat,lng) 
{ 
    var def = jQuery.Deferred(); 
var url="http://maps.googleapis.com/maps/api/geocode/json?latlng=" 
var sensor="&sensor=false"; 

var city; 
$.getJSON(url+lat+","+lng+sensor,function(json) 
    { 
     var address=json.results[0].address_components; 
     var addr; 
     for(var i in address) 
      { 
       addr=address[i]; 
       if(addr.types[0] == "locality" && addr.types[1] == "political") 
       { 
        city=addr.long_name; 

       } 
      } 
     def.resolve(city); 

     }); 
return def.promise(); 
} 

$.when(getCity(40.714623,-74.006605)).then(function (city) { 
alert(city); 
}); 

Fiddle

Answer 2

Ne pas retourner city dans votre rappel. Affectez-le comme ceci: city = addr.long_name;

Comme il est toujours dans la portée de getCity, il devrait revenir à droite.

Mise à jour

Modifier la façon dont vous demandez les données. Faites comme ceci:

$.getJSON(url+lat+","+lng+sensor).done(function(json){ 

      //Do your assignment here 
}); 

C'est parce qu'il est un appel asynchrone de sorte que vous voulez attribuer une fois qu'il est fait.

Answer 3

getcity utilise appel asynchrone (getJSON), qui aura fait plus tard ... vous devriez donc passer rappel qui effectuera l'opération

Une autre option est d'utiliser l'appel synchrone

$.ajax({ 
    url: myUrl, 
    dataType: 'json', 
    async: false, 
    data: myData, 
    success: function(data) { 
    //stuff 
    } 
}); 

mais toujours i sentez, vous ne devriez pas attendre le résultat, parce que le navigateur sera pendu jusqu'au résultat ... alors allez avec l'approche de rappel ...

Answer 4

getJSON est un appel asynchrone. Vous ne pouvez donc pas renvoyer une valeur de votre getCity comme une fonction habituelle. Dans votre cas, city sera retourné AVANT que getJSON ne renvoie une valeur quelconque. Vous devez travailler à l'intérieur de la fonction de rappel pour utiliser la valeur de retour. Mais vous pouvez tirer parti de la fonction différée/promesse de jQuery, vous n'avez donc pas besoin d'aller au fond des fonctions de rappel. Vous pouvez essayer le code ci-dessous;

function getCity(lat,lng) { 
    var url="http://maps.googleapis.com/maps/api/geocode/json?latlng="; 
    var sensor="&sensor=false"; 

    return $.getJSON(url+lat+","+lng+sensor); 
} 

function onSuccess(json) { 
    var address=json.results[0].address_components; 
    var addr; 
    var city; 

    for(var i in address) { 
     addr=address[i]; 
     if(addr.types[0] == "locality" && addr.types[1] == "political") { 
      city=addr.long_name; 
     } 
    } 

    // And do other stuff 
} 

function onfail() { 
    // Do something if there is a server error with the getJSON 
} 

getCity(lat, lng).done(onSuccess).fail(onfail);