黑马程序员技术交流社区

标题: 【济南中心】IP地址定位物理地址 [打印本页]

作者: 大山哥哥 时间: 2017-5-31 17:02
标题: 【济南中心】IP地址定位物理地址
本帖最后由大山哥哥于 2017-5-31 17:06 编辑

给大家分享点以前在项目中做过的一点小东西,因为做的是电商网站,往往会根据区域会有不同的商品展示,会根据区域不同商品展示的优先级也不同.那如何获得当前电脑的实际所在地呢?下面我们就说一下这个问题,根据IP地址地位物理地址.现在网络上提供了好多物理地址库,并且提供了接口调用的方法,亲测比较好用的有:
1、//pv.sohu.com/cityjson?ie=utf-8  ----搜狐提供
2、//int.dpool.sina.com.cn/iplookup/iplookup.php?format=js  ----新浪提供
支持HTTP和HTTPS,当然还有其他的一些..
下面是个小例子:

一.准备页面代码如下index.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
      pageEncoding="UTF-8"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Access-Control-Allow-Origin" content="*">
<title>ip地址定位-支持http和https</title>
<script src="${pageContext.request.contextPath }/js/jquery-1.11.3.min.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath }/js/addrLocal.js" type="text/javascript"></script>
</head>
<body>
<center><h2>您好,您当前所在城市为:<span style="color:red;" id="0" class="location1"></span></h2></center>
<center><h2>我的城市为:<span style="color:red;" id="0" class="location2"></span></h2></center>
</body>
</html>

二.导入jquery插件包jquery-1.11.3.min.js,编写我们自己的地址地位脚步addrLocal.js,addrLocal.js内容如下

$(document).ready(function() {
      // 通过调用新浪IP地址库接口查询用户当前所在国家、省份、城市、运营商信息
      //方法一:获取的城市带省份例如:(山东省济南市)
      $.getScript('//pv.sohu.com/cityjson?ie=utf-8', function() {
            var city = $.trim(returnCitySN.cname);
            $(".location1").text(city);
            //       alert("city:"+city);
      });
      //方法二:获取的城市不带省份例如:(济南)
      $.getScript('//int.dpool.sina.com.cn/iplookup/iplookup.php?format=js', function() {
            var mycity = remote_ip_info['city'];
            $(".location2").text(mycity);
            //       alert("mycity:"+mycity);
      });
});

三.发布项目

把项目发布到web服务器,因为只是一个简单的小demo,所以直接使用了tomcat服务器.

四.访问项目

我的tomcat端口配置的是8088,一般默认是8080,可以自己配置

代码:

addrLocal.zip (47.36 KB, 下载次数: 19)

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2