By using the ipinfo
The ipinfo can also be used to get the IP address in the same way we used the ipify with the get() method by passing a callback function to it.
Example: This code example uses the ipinfo to get the client’s IP address in an alert box.
<!DOCTYPE html>
<html>
<head>
<title>
Getting Clients IP
</title>
<style>
div{
text-align: center;
}
h1 {
color: green;
}
</style>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
</script>
</head>
<body>
<div>
<h1>
w3wiki
</h1>
<h3>
Getting Client IP address
</h3>
<p id="result"></p>
</div>
<script>
$(document).ready(()=>{
// Use "https://ipinfo.io" link to use the
// ipinfo for getting the ip address
$.getJSON("https://ipinfo.io",
function (response) {
$('#result').html(`IP Address: ${response.ip}`)
}, "jsonp");
})
</script>
</body>
</html>
Output:
Getting client’s IP address
Note: Sometimes, it will not work on Google Chrome and Internet Explorer for the default setting. It supports Firefox and Microsoft Edge.
How to get client IP address using JavaScript ?
Imagine your computer as your apartment. Just like each apartment has a unique address for receiving mail, your computer has an IP address that helps it receive information from the internet. This IP address acts like a label that identifies your specific device on the vast network of computers, ensuring the data you request reaches the right place.
These are the following approaches by using we can get the client IP address using JavaScript:
Table of Content
- By using the ipify
- By using the ipinfo
Contact Us