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

2024-06-27 13:58:25 浏览数 (1)

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

第一步:获取访客 IP 并判断归属地

以前我用的公共接口,比如搜狐,新浪的都失效了。我调查了一下,只有太平洋网络IP地址查询Web接口可用。

接口代码如下

代码语言:javascript复制
<script type="text/javascript" src="https://whois.pconline.com.cn/ipJson.jsp?callback=smldhz"></script>

返回的数据请自查。

第二步:判断访客 IP 归属和国家

如果是国外访客,显示没有省份名,返回的错误信息是, "err":"noprovince"

如果是国内反馈,会显示具体省份和城市名称,返回的错误信息为空,"err":""

第三步:实现国内访客自动跳转

所以我们可以通过下面方法实现国内访客自动跳转页面:

代码语言:javascript复制
<script type="text/javascript">
    function smldhz(json){
        var err = json["err"]; //获取错误信息
		if (err !== "noprovince"){
		window.location.href='https://cn.bing.com'
		}
    }
</script>

总结:完整代码

js实现获取访客ip归属地 自动跳转页面完整代码如下:

代码语言:javascript复制
<!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部分加上以下代码,解决跨域问题,否则可能失败:

代码语言:javascript复制
<meta name="referrer" content="no-referrer" />

0 人点赞