javascript getting client ip

Question

Hi I found how to get client ip by answer here: Can I perform a DNS lookup (hostname to IP address) using client-side Javascript?

But I don't understand how to use it.

This is what I have:

var user;
if ($('#user-id').length) {
    user = $('#user-id').text();
} else {
    http://jsonip.appspot.com/?callback=getip
    function getip(json){
       user = json.ip;
    }
}

I don't understand how to include the url and how to use the getip function.

I need to set the user to the ip address in the else.

Thanks!

As Mohamed pointed out, this requires help from the server. If you tell us what backend framework/language are you using, you'd get more concrete answers. — Chubas
– Chubas, Commented Aug 22, 2010 at 5:01

Kobi · Accepted Answer · 2010-08-22 05:07:48Z

5

Using jQuery, you could make a JSONP call:

$.getJSON('http://jsonip.appspot.com/?callback=?',
        function(data){
          alert(data.ip);
        });

Probably easier to understand - an alternative, without jQuery, would be:

<script type="text/javascript">
    function getip(data){
      alert(data.ip);
    }
</script>
<script type="text/javascript" src="http://jsonip.appspot.com/?callback=getip">
</script>

Note that when you include http://jsonip.appspot.com/?callback=getip as a script in your HTML you get valid JavaScript as response:

getip({"ip": "147.234.2.5", "address":"147.234.2.5"});

This line executes your function with the proper parameter. Note that the function's name is given to it by query string.

edited Aug 22, 2010 at 5:07

answered Aug 22, 2010 at 5:02

Kobi

139k41 gold badges259 silver badges302 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Greg · Accepted Answer · 2010-08-22 05:09:41Z

0

You've got a random, free-floating URL in your javascript syntax.

This is how to make remote JSON request with jquery.

http://api.jquery.com/jQuery.getJSON/

I would suggest you get more familiar with javascript in general.

edited Aug 22, 2010 at 5:09

answered Aug 22, 2010 at 5:03

Greg

7,9308 gold badges46 silver badges69 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 11:48:24Z

0

~~You can only access your domain from JavaScript, you cannot do cross-domain communication with JavaScript unless you do the communication with iframes.~~

If you have a dynamic backend such as PHP, Java, Python, Ruby, CGI, etc you can easily fetch the IP address from the user visiting your page. Each language has their own mechanism.

edited May 23, 2017 at 11:48

CommunityBot

11 silver badge

answered Aug 22, 2010 at 4:56

Mohamed Mansour

40.2k10 gold badges118 silver badges90 bronze badges

2 Comments

BalusC Over a year ago

You can definitely fire crossdomain requests. Read on about the Access-Control response headers.

BalusC Over a year ago

Sorry, I forgot to add the link, here it is: Access-Control.

Rishabh Malhotra · Accepted Answer · 2015-02-25 19:53:38Z

0

You could use something like this:

<script type="text/javascript">
  var userip;
</script>
...
<script type="text/javascript" src="http://l2.io/ip.js?var=userip"</script>
...
<script type="text/javascript">
  document.write("Your IP is :", userip);
</script>

Here is the url of this library: http://l2.io/

answered Feb 25, 2015 at 19:53

Rishabh Malhotra

2694 silver badges14 bronze badges

Collectives™ on Stack Overflow

javascript getting client ip

4 Answers 4

Comments

Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related