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://www.kufan.cn/anli.html";
 }else{
  window.location.href="https://www.kufan.cn/news.html";
 }
</script>


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


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

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


关键词:网站优化 网站推广

转载请注明来自:https://www.kufan.cn/news/79.html


上一篇:nginx服务器节省空间之日志切割删除脚本

下一篇:云存储数据互相迁移的推荐方法

地区分布

  • Da Tong
  • He Fei

昆明酷番网络科技有限公司

地址:昆明市官渡区鑫都韵城6栋20-B06

提供了定制化的行业网站建设解决方案

昆明酷番网络科技有限公司

地址:昆明市官渡区鑫都韵城6号楼20-B06

酷番建站技术服务,助您打造高端形象

公众号

微信公众号