How to get client IP address using jQuery

Question

I want to know how to get client IP address using jQuery?

Is it possible? I know pure javascript can't, but got some code using JSONP from Stack Overflow itself.

So, is there any workaround using jQuery?

score 65 · Accepted Answer · edited Jul 25 '17 at 13:44

65

jQuery can handle JSONP, just pass an url formatted with the callback=? parameter to the $.getJSON method, for example:

$.getJSON("https://api.ipify.org/?format=json", function(e) {
    console.log(e.ip);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

This example is of a really simple JSONP service implemented on with api.ipify.org.

If you aren't looking for a cross-domain solution the script can be simplified even more, since you don't need the callback parameter, and you return pure JSON.

edited Jul 25 '17 at 13:44

Sam Denty

3,693
3
30
43

answered Oct 29 '09 at 06:12

Christian C. Salvadó

807,428
183
922
838

1

`jsonip.appspot.com` also apparently supports `CORS` as well as `JSONP`. – hippietrail Aug 01 '12 at 20:17
1

the server is down now, that is a good idea but I don't think it is reliable. – Mehdi Karamosly Dec 12 '12 at 06:30
4

this server is down now. so we can simply remove appspot from jsonip.appspot.com.so it look like http://jsonip.com?callback=? thats all :) – ɹɐqʞɐ zoɹǝɟ Mar 09 '13 at 05:46
@CMS you should answer the request limit of your provided api. – Internial Oct 08 '17 at 20:45

score 28 · Answer 2 · answered Oct 29 '09 at 06:16

A simple AJAX call to your server, and then the serverside logic to get the ip address should do the trick.

$.getJSON('getip.php', function(data){
  alert('Your ip is: ' +  data.ip);
});

Then in php you might do:

<?php
/* getip.php */
header('Cache-Control: no-cache, must-revalidate');
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
header('Content-type: application/json');

if (!empty($_SERVER['HTTP_CLIENT_IP']))
{
  $ip=$_SERVER['HTTP_CLIENT_IP'];
}
elseif (!empty($_SERVER['HTTP_X_FORWARDED_FOR']))
{
  $ip=$_SERVER['HTTP_X_FORWARDED_FOR'];
}
else
{
  $ip=$_SERVER['REMOTE_ADDR'];
}
print json_encode(array('ip' => $ip));

score 4 · Answer 3 · answered Mar 15 '16 at 08:59

4

function GetUserIP(){
  var ret_ip;
  $.ajaxSetup({async: false});
  $.get('http://jsonip.com/', function(r){ 
    ret_ip = r.ip; 
  });
  return ret_ip;
}

If you want to use the IP and assign it to a variable, Try this. Just call GetUserIP()

answered Mar 15 '16 at 08:59

Akash Shah

87
10

score 1 · Answer 4 · answered Sep 23 '19 at 22:43

1


<html lang="en">
<head>
    <title>Jquery - get ip address</title>
    <script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1/jquery.min.js"></script>
</head>
<body>


<h1>Your Ip Address : <span class="ip"></span></h1>


<script type="text/javascript">
    $.getJSON("http://jsonip.com?callback=?", function (data) {
        $(".ip").text(data.ip);
    });
</script>


</body>
</html>

answered Sep 23 '19 at 22:43

yacin dj

11
1

1

Can you please provide some context to your answer. Such as, why does it work? Are there any disadvantages? Thanks! – Pedro Rodrigues Sep 24 '19 at 00:22

How to get client IP address using jQuery

4 Answers4

Linked

Related