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,

Pin it

Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..

My Tech Blog - https://www.code-sample.com/
My Books - Book 1 and Book 2