根据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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,222评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,455评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,720评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,568评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,696评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,879评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,028评论 3 409
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,773评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,220评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,550评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,697评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,360评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,002评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,782评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,010评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,433评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,587评论 2 350

推荐阅读更多精彩内容