如何获取访客ip归属地并实现自动跳转页面
原创
有时候，我们需要对特定地区城市/国家的网站访客进行不同的网页跳转。比如，中国用户访问www.bing.com自动跳转到https://cn.bing.com。下面就是我实现的方法，分享给大家，顺便做个记录。
第一步：获取访客 IP 并判断归属地
以前我用的公共接口，比如搜狐，新浪的都失效了。我调查了一下，只有太平洋网络IP地址查询Web接口可用。
接口代码如下
<script type="text/javascript" src="https://whois.pconline.com.cn/ipJson.jsp?callback=smldhz"></script>返回的数据请自查。
第二步：判断访客 IP 归属和国家
如果是国外访客，显示没有省份名，返回的错误信息是， "err":"noprovince"
如果是国内反馈，会显示具体省份和城市名称，返回的错误信息为空，"err":""
第三步：实现国内访客自动跳转
所以我们可以通过下面方法实现国内访客自动跳转页面：
<script type="text/javascript">
function smldhz(json){
var err = json["err"]; //获取错误信息
if (err !== "noprovince"){
window.location.href='https://cn.bing.com'
}
}
</script>总结：完整代码
js实现获取访客ip归属地+自动跳转页面完整代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>欢迎来到我的网页</title>
<meta name="referrer" content="no-referrer" />
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>测试国内用户是否跳转</p>
<script type="text/javascript">
function smldhz(json){
var err = json["err"]; //获取错误信息
if (err !== "noprovince"){
window.location.href='https://cn.bing.com'
}
}
</script>
<script type="text/javascript" src="https://whois.pconline.com.cn/ipJson.jsp?callback=smldhz"></script>
</body>
</html>注意：解决跨域问题
在head部分加上以下代码，解决跨域问题，否则可能失败：
<meta name="referrer" content="no-referrer" />原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读
目录