python ruby-programming-language Smalltalk Vue.js Knockoutjs TypeScript JavaScript, OOPs JavaScript Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 4 Angular 2 AngularJs 1.x NodeJs Perl Programming R Programming RequireJs Rust Programming Backbonejs closure programming language go-programming-language kotlin-programming-language
closure in JavaScript

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,

ANIL SINGH

Hi there! Welcome to my blog. My name is Anil Singh. I'm a author of this blog. For more detail about me, kindly refer to this link..
My Blogs - http://code-sample.com and http://code-sample.xyz
My Books - Interview Questions and Answers Books- Get Your Book in 15+ Digital Stores Worldwide..

You Might Also Like
www.code-sample.com/. Powered by Blogger.
ASK Questions