根据IP定位用户所在城市信息 (js)

当我们在页面中填写个人资料中的省市信息时，页面会根据当前用户所在的城市自动选中省市下拉选项；当我们访问某个大型站点时，网站程序会自动进入到用户当前所在的城市频道。这些功能是如何实现的呢？今天我们来通过实例讲解如何根据IP定位用户所在城市信息。
查看演示 下载源码
根据当前用户本地IP地址，查询IP地址库，获取IP所在的省市信息，目前有多种方式实现该功能。
1.调用新浪IP地址库
新浪提供了开放的IP地址库数据供开发者调用，调用地址：http://int.dpool.sina.com.cn/iplookup/iplookup.PHP，即可返回当前ip所在的省市信息。
我们结合本站helloweba文章：基于jQuery+JSON的省市联动效果中的省市下拉插件，来定位当前用户所在的省市，即默认状态选中的是当前用户所在的省市。
<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.cityselect.js"></script> <script type="text/javascript" src="http://int.dpool.sina.com.cn/iplookup/iplookup.php? format=js"></script>

我们先载入jQuery库和cityselect城市下拉插件，然后调用新浪的IP地址库，并以js的形式返回，当然如果你想查询某一指定IP所在的城市信息可以使用接口地址如：http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=json&ip=123.123.123.123，将参数ip值换成指定的IP地址即可。
本地js调用：
var myprovince = remote_ip_info['province']; var mycity = remote_ip_info['city'] var mydistrict = remote_ip_info['district']; $(function(){ $("#city_1").citySelect({ prov:myprovince, city:mycity }); });

HTML代码为：
<h3>调用新浪IP库接口</h3> <p>您所在的城市是：<script>document.write(myprovince+' '+mycity);</script></p> <div id="city_1"> <select class="prov"></select> <select class="city"></select> </div>

2.调用淘宝IP地址库
淘宝也提供了比较权威的IP地址库，调用地址：http://ip.taobao.com/service/getIpInfo.php?ip=123.123.123.123，返回对应IP的省市相关信息。
调用方法：
$(function(){ $.getJSON("getTaoIP.php",function(json){ var myprovince2 = json.data.region; var mycity2 = json.data.city; $("#city_2").html("您所在的城市是："+myprovince2+mycity2); }); });

getTaoIP.php用来获取淘宝的对应IP的省市信息，返回的是json格式的数据。
$ip = get_client_ip(); //获取当前用户的ip $url = "http://ip.taobao.com/service/getIpInfo.php?ip=".$ip; $data = file_get_contents($url); //调用淘宝接口获取信息 echo $data;

get_client_ip()用来获取本地用户的IP地址。
//获取用户真实IP function get_client_ip() { if (getenv("HTTP_CLIENT_IP") && strcasecmp(getenv("HTTP_CLIENT_IP"), "unknown")) $ip = getenv("HTTP_CLIENT_IP"); else if (getenv("HTTP_X_FORWARDED_FOR") && strcasecmp(getenv("HTTP_X_FORWARDED_FOR"), "unknown")) $ip = getenv("HTTP_X_FORWARDED_FOR"); else if (getenv("REMOTE_ADDR") && strcasecmp(getenv("REMOTE_ADDR"), "unknown")) $ip = getenv("REMOTE_ADDR"); else if (isset ($_SERVER['REMOTE_ADDR']) && $_SERVER['REMOTE_ADDR'] && strcasecmp($_SERVER['REMOTE_ADDR'], "unknown")) $ip = $_SERVER['REMOTE_ADDR']; else $ip = "unknown"; return ($ip); }

3.调用纯真IP库
纯真IP库基本上每周都有更新，您可以到各大下载网站上下载最新版本的纯真IP库。推荐天空下载地址：http://www.skycn.com/soft/14344.html
使用PHP调用纯真ip库的方法，本文不详述，请戳这里：http://blog.csdn.net/aaron_luchen/article/details/6637799
4.调用本地数据库
如果您的系统足够强大，为了安全稳重我们建议您使用本地IP地址库，目前网上有IP地址库下载，我们使用MySQL版的ip库，然后通过PHP读取。
由于IP数据量大，一般有三四十万条数据，我们要进行表结构索引优化。
CREATE TABLE IF NOT EXISTS iptocity ( IP_Start double(53,0) NOT NULL DEFAULT '0', IP_End double(53,0) DEFAULT NULL, IP_Province varchar(6) DEFAULT NULL, IP_City varchar(10) DEFAULT NULL, PRIMARY KEY (IP_Start), KEY IP_End (IP_End) ) ENGINE=MyISAM DEFAULT CHARSET=utf8;

调用方法：
$(function(){ $.getJSON("getIP.php",function(json){ var myprovince3 = json.province; var mycity3 = json.city; $("#city_3").citySelect({ prov:myprovince3, city:mycity3 }); }); });

前端通过ajax向getIP.php发送异步请求，getIP.php读取mysql中的IP数据，返回对应ip地址的省市信息。
include_once("connect.php");//链接数据库 $myip = get_client_ip(); //获取本地IP，get_client_ip()函数在上文中已给出 $ip=ip2int($myip); //转换ip $sql="select IP_Province,IP_City from iptocity where IP_Start<='$ip' order by IP_Start desc limit 1"; $query = mysql_query($sql); //查询库 $rs = mysql_fetch_array($query); $arr = array( 'province'=>$rs['IP_Province'], 'city'=>$rs['IP_City'], ); echo json_encode($arr); //返回json数据 //将ip地址转换成整型 function ip2int($ip){ list($ip1,$ip2,$ip3,$ip4)=explode(".",$ip); return $ip1pow(256,3)+$ip2pow(256,2)+$ip3*256+$ip4; }

注意我们使用自定义函数ip2int()将IP地址转换成整型，而不是用PHP自带函数ip2long()，因为ip2long()有时会将ip转换成负数，所以为了保险使用自定义函数ip2int()。
5.应用：根据用户所在城市跳转到不同的页面
通过上面的讲解我们知道如何获取本地用户的城市信息，现在我们要根据用户所在的城市访问不同页面。我们以拉手网为例，在Go.php中写入如下代码：
$city = $d['city']; //利用上述方法获得本地城市名称 switch($city){ case '深圳': $cityname = 'shenzhen'; break; case '北京': $cityname = 'beijing'; break; case '上海': $cityname = 'shanghai'; break; default: $cityname = 'www'; break; } $go_url = "http://".$cityname.".lashou.com"; header("Location:".$go_url);

这样，就可以根据用户所在的城市跳转到拉手网对应的频道页面了。请看演示demo。

声明：本文为原创文章，helloweba.com和作者拥有版权，如需转载，请注明来源于helloweba.com并保留原文链接：http://www.helloweba.com/view-blog-190.html