本帖最后由 大山哥哥 于 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)
|
|
收藏
淘帖
踩
