根据IP定位用户所在城市信息 (js)
2015-05-31 14:00
846 查看
最新版Bootstrap v3视频教程,上帝用7天创造世界,你用7天就能建自己的网站。
当我们在页面中填写个人资料中的省市信息时,页面会根据当前用户所在的城市自动选中省市下拉选项;当我们访问某个大型站点时,网站程序会自动进入到用户当前所在的城市频道。这些功能是如何实现的呢?今天我们来通过实例讲解如何根据IP定位用户所在城市信息。
查看演示 下载源码
根据当前用户本地IP地址,查询IP地址库,获取IP所在的省市信息,目前有多种方式实现该功能。
我们结合本站helloweba文章:基于jQuery+JSON的省市联动效果中的省市下拉插件,来定位当前用户所在的省市,即默认状态选中的是当前用户所在的省市。
我们先载入jquery库和cityselect城市下拉插件,然后调用新浪的IP地址库,并以js的形式返回,当然如果你想查询某一指定IP所在的城市信息可以使用接口地址如:http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=json&ip=123.123.123.123,将参数ip值换成指定的IP地址即可。
本地js调用:
HTML代码为:
调用方法:
getTaoIP.php用来获取淘宝的对应IP的省市信息,返回的是json格式的数据。
get_client_ip()用来获取本地用户的IP地址。
使用PHP调用纯真ip库的方法,本文不详述,请戳这里:http://blog.csdn.net/aaron_luchen/article/details/6637799
由于IP数据量大,一般有三四十万条数据,我们要进行表结构索引优化。
调用方法:
前端通过ajax向getIP.php发送异步请求,getIP.php读取mysql中的IP数据,返回对应ip地址的省市信息。
注意我们使用自定义函数ip2int()将IP地址转换成整型,而不是用PHP自带函数ip2long(),因为ip2long()有时会将ip转换成负数,所以为了保险使用自定义函数ip2int()。
这样,就可以根据用户所在的城市跳转到拉手网对应的频道页面了。请看演示demo。
声明:本文为原创文章,helloweba.com和作者拥有版权,如需转载,请注明来源于helloweba.com并保留原文链接:http://www.helloweba.com/view-blog-190.html
当我们在页面中填写个人资料中的省市信息时,页面会根据当前用户所在的城市自动选中省市下拉选项;当我们访问某个大型站点时,网站程序会自动进入到用户当前所在的城市频道。这些功能是如何实现的呢?今天我们来通过实例讲解如何根据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
相关文章推荐
- Extjs4.0 最新最全视频教程
- Javascript中toFixed方法的改进
- 5个常见可用性错误和解决方案
- 房产界已上市和IPO路上的难兄难弟:房天下与房多多
- 雷军是谁,他为什么而奋斗?小米上市和雷军的英雄主义
- IP网络路由技术
- 如何利用“IP地址欺骗”
- 新手看招:避免网络 IP 地址被非法修改
- 网络管理之IP地址篇
- ip地址基础知识
- 脚本之家因服务器资源紧张 换了ip并升级了带宽
- IP地址组成与类型
- js可突破windows弹退效果代码
- JSP脚本漏洞面面观
- 计算机名DNS网关IP(大家可以用来学习)
- 使用BAT一句话命令实现快速合并JS、CSS
- js显示当前星期的起止日期的脚本
- 一个能对访问者进行编号、记录访问次数、IP、时间的统计制作实例
- 用vbscript脚本实现返回 IP 配置数据的代码