js如何获取访客ip归属地并实现自动跳转页面

gangbody

于 2024-07-18 13:50:29 发布

阅读量387

点赞数 7

分类专栏：前端分享文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/gangbody/article/details/140521146

版权

前端分享专栏收录该内容

1 篇文章 0 订阅

订阅专栏

有时候，我们需要对特定地区城市/国家的网站访客进行不同的网页跳转。比如，中国用户访问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" />

gangbody

关注

7
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
js如何获取访客ip归属地并实现自动跳转页面

有时候，我们需要对特定地区城市/国家的网站访客进行不同的网页跳转。比如，中国用户访问www.bing.com自动跳转到。下面就是我实现的方法，分享给大家，顺便做个记录。
复制链接

扫一扫

专栏目录