My Personal Blog

Get visitor IP and location using jQuery

2/12/2017

Well, Javascript is beautiful jQuery and json is the food for stomach. I cannot come up with anything better but here is how you can get your website visitor geolocation based on his IP.

$().ready(function() {
  $.ajax({
    url: "https://jsonip.com",
    data: {
      format: 'json'
    },
    error: function(jqXHR, textStatus, errorThrown) {
      if (textStatus == "timeout") {
        console.log(textStatus + ': ' + errorThrown);
      }
    },
    dataType: 'json',
    crossDomain: true,
    success: function(json) {
      $.ajax({
        url: "http://ip-api.com/json/" + json.ip,
        data: {
          format: 'json'
        },
        dataType: 'json',
        crossDomain: true,
        success: function(geoData) {
          jsn = JSON.stringify(geoData, undefined, 2);
          document.getElementById("position").innerHTML = jsn;
        }
      });

    },
  });
});

I was first thinking to recursively call the ajax function to pull IP and then geo data based on IP. But I later realize since both Json is of different structure. Doing that would be too great of a thing. So there you go nice and neat (y)

0 Comments