SEARCH

javascript识别地域ip跳转不同页面

2018年04月26日

前几天有个朋友问我识别地域跳转页面的问题,大概意思就是需要客户的网站在个别地区跳转到另一个页面,想让它在广州地区跳转到A页面,其他地区跳转到B页面。


javascript识别地域ip跳转不同页面


首先我们需要一个可以获取当前地域的接口,那么我们用到新浪的API接口,如下:


<script src="//int.dpool.sina.com.cn/iplookup/iplookup.php?format=js" charset="GB2312" >


接口内的详细写法如下:


var remote_ip_info = {
    "ret": 1,
    "start": -1,
    "end": -1,
    "country": "中国",
    "province": "山西",
    "city": "大同",
    "district": "",
    "isp": "",
    "type": "",
    "desc": ""};



而我们需要调用的只有province,city,也就是省份和市区,代码如下:


<script type=text/javascript>
 if(remote_ip_info.province =='山西'||remote_ip_info.province =='大同'){
  window.location.href="https://rongkeji.cn/anli";
 }else{
  window.location.href="https://rongkeji.cn/news";
 }
</script>


PS:上述的意思就是判断是否为山西大同,如果是跳转/anli,如果不是跳转/news


根据限定地域,页面在识别该地区ip后,就会自动跳转,效率很高,如果你想提示IP地址可以在if头部添加  alert("当前IP为:" + remote_ip_info.province); 

最重要的一点就是要注意接口的响应头,如果网站开启了HTTPS,一定要注意头部必须是 // 或者 https ,如果https下配置http否则无法跳转!

Contact

大同市城区西环路168号

致力于做服务最好的网站建设公司

将 " 策划+创意+体验+技术 " 完美融合 !

Wechat