Skip to main content

Get Client IP Address using JavaScript and JSON

In this post, there are 2 online services which allow us to get client IP address. This is free resources and for more information’s about this.

1.      jsonip.com
2.      Smart-IP.net

//Using jsonip.com
$.getJSON("https://jsonip.com?callback=?", function (data) {
    alert("Your IP address is :- " + data.ip);
});

//Using Smart-IP.net
$.getJSON('http://smart-ip.net/geoip-json?callback=?', function (data) {
    alert("Your IP address is :- " + data.host);
});

Example,

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <title>Get Client Machine IP Address using JavaScript and JSON</title>
  <link rel="stylesheet" href="style.css" />
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
  <script type="text/javascript">
    var getIPAddress = function() {
      $.getJSON("https://jsonip.com?callback=?", function(data) {
        alert("Your IP address is :- " + data.ip);
      });
    };
  </script>
</head>

<body>
  <div>
    <a href="#" onclick="getIPAddress()">Cleck to get IP Address</a>
  </div>
</body>
</html>

The live Output as below,

Labels

Labels: