給大家分享點以前在項目中做過的一點小東西,因為做的是電商網(wǎng)站,往往會根據(jù)區(qū)域會有不同的商品展示,會根據(jù)區(qū)域不同商品展示的優(yōu)先級也不同.那如何獲得當前電腦的實際所在地呢?下面我們就說一下這個問題,根據(jù)IP地址地位物理地址.現(xiàn)在網(wǎng)絡上提供了好多物理地址庫,并且提供了接口調(diào)用的方法,親測比較好用的有:
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>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/jquery-1.11.3.min.js" type="text/javascript"></script>
</head>
<body>
<center><h2>您好,您當前所在城市為:<span style="color:red;" id="0" class="location1"></span></h2></center>
<center><h2>我的城市為:<span span style="color:red;" id="0" class="location2></span></h2></center>
</body>
</html>
二.導入jquery插件包jquery-1.11.3.min.js,編寫我們自己的地址地位腳步addrLocal.js,addrLocal.js內(nèi)容如下
$(document).ready(function() {
? ?? ???// 通過調(diào)用新浪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);
? ?? ???});
});
三.發(fā)布項目
把項目發(fā)布到web服務器,因為只是一個簡單的小demo,所以直接使用了tomcat服務器.
四.訪問項目
