如何使用jQuery获取客户端IP地址

Question

我想知道如何使用jQuery获取客户端IP地址？

可能吗？我知道纯JavaScript不能,但从JSONPStack Overflow本身获得了一些代码.

那么,有没有使用jQuery的解决方法？

Answer 1

jQuery可以处理JSONP,只需传递一个用callback =格式化的url？$.getJSON方法的参数,例如:

$.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>

这个例子是一个非常简单的JSONP服务api.ipify.org.

如果您不是在寻找跨域解决方案,那么脚本可以进一步简化,因为您不需要回调参数,并返回纯JSON.

Answer 2

对您的服务器进行简单的AJAX调用,然后使用服务器端逻辑来获取IP地址应该可以解决问题.

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

然后在PHP中你可能会这样做:

<?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));