您的位置:首页 > Web前端 > JavaScript

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

2015-05-31 14:00 846 查看
最新版Bootstrap v3视频教程,上帝用7天创造世界,你用7天就能建自己的网站。

当我们在页面中填写个人资料中的省市信息时,页面会根据当前用户所在的城市自动选中省市下拉选项;当我们访问某个大型站点时,网站程序会自动进入到用户当前所在的城市频道。这些功能是如何实现的呢?今天我们来通过实例讲解如何根据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 $ip1*pow(256,3)+$ip2*pow(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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  js ip 地理位置