1

<!DOCTYPE html>
<html>
<head>
<title>GEOIP DB - jQuery example</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
<div>Country: <span id="country"></span>
<div>State: <span id="state"></span>
<div>City: <span id="city"></span>
<div>Latitude: <span id="latitude"></span>
<div>Longitude: <span id="longitude"></span>
<div>IP: <span id="ip"></span>
<script>
    $.ajax({
        url: "https://geoip-db.com/jsonp",
        jsonpCallback: "callback",
        dataType: "jsonp",
        success: function( location ) {
            $('#country').html(location.country_name);
            $('#state').html(location.state);
            $('#city').html(location.city);
            $('#latitude').html(location.latitude);
            $('#longitude').html(location.longitude);
            $('#ip').html(location.IPv4);  
        }
           {
 "Los Angeles": "http://exemplo.com/LA", 
 "New York": "http://exemplo.com/NY", 
 "Other City": "http://exemplo.com/othercity"
}
    });     
</script>
</body>
</html>

Exemplo: Acesso http://Exemplo.com obtenho a cidade "Nova York" redireciona para http://Exemplo.com/NY ou se é "Los Angeles" redirecionar para http://Exemplo.com/LA? E se fosse outra cidade qualquer direcionasse para uma 3ª URL. Será que tem como fazer isso eu tentei e não consegui.

3
  • O que vocÊ já tentou, que não tenha conseguido
    – Marcelo
    Commented 2/02/2018 às 18:02
  • Adicione as rotas em uma variável. Ex: routes = {"cidade1": "http://rota1.com", "cidade2": "http://rota2.com"} etc. Depois basta pegar o valor de location.city e verificar se existe no array criado. Ex: if ( routes[location.city] ) { window.location.href = routes[location.city] } Commented 2/02/2018 às 18:31
  • Obrigado Valdeir tentei, mas não obtenho resultado. sou iniciante em jquery.
    – Robsonrrn
    Commented 5/02/2018 às 11:09

1 Resposta 1

2

Seguindo o que nosso amigo ValdeirPsr falou, basta criar uma variavel com as cidades e seus links, e verificar apos o success da requisição ajax

routes = {"Los Angeles": "http://exemplo.com/LA", "New York": "http://exemplo.com/NY", "Other City": "http://exemplo.com/othercity", "São Paulo": "http://google.com.br/SP"};
<!DOCTYPE html>
<html>
<head>
<title>GEOIP DB - jQuery example</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
<div>Country: <span id="country"></span>
<div>State: <span id="state"></span>
<div>City: <span id="city"></span>
<div>Latitude: <span id="latitude"></span>
<div>Longitude: <span id="longitude"></span>
<div>IP: <span id="ip"></span>
<script>
    $.ajax({
        url: "https://geoip-db.com/jsonp",
        jsonpCallback: "callback",
        dataType: "jsonp",
        success: function( location ) {
            $('#country').html(location.country_name);
            $('#state').html(location.state);
            $('#city').html(location.city);
            $('#latitude').html(location.latitude);
            $('#longitude').html(location.longitude);
            $('#ip').html(location.IPv4);  
            
            if(routes[location.city]){
              alert('tem sua cidade no array! => link salvo no array para redirecionar: '+ routes[location.city]);
              window.location.href = routes[location.city];
            }
            
        }          
    });     
</script>

</body>
</html>

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 .