不少大型信息平台,如58同城,百姓网等都会有全国地区分站,好比我广州的,打开58同城会自动进入广州分站。javascript
如今不少作网站的站长和网站建设公司都会采用pageadmin这类网站系统来建站,pageadmin是支持站群的,下面演示如何实现58同城的地区跳转功能。php
一、首先须要一个iP识别接口,这里能够到阿里云去申请,咱们也能够用淘宝的免费api接口,阿里云的接口返回信息格式以下。java
{"code":0,"data":{"ip":"210.73.44.249","country":"中国","area":"","region":"广东","city":"广州","county":"XX","isp":"科技网","country_id":"CN","area_id":"","region_id":"440000","city_id":"440100","county_id":"xx","isp_id":"1000114"}}
下面咱们经过ajax请求的方式来获取到归属信息实现跳转,代码以下:ajax
<script type="text/javascript">
var clientIp = "@StringHelper.GetClientIP()";//调用pageadmin的内置方法获取ip地址
var api="http://ip.taobao.com/service/getIpInfo.php";
$(function () {
$.ajax({
url: api,
type: "GET",
dataType: "json", //指定服务器返回的数据类型
data: { ip: clientIp },
success: function (ipData) {
ipData = JSON.parse(ipData);
var city = ipData.data.city;
cityDomain(city) //调用城市判断函数
}
});
});
//城市判断函数
function cityDomain(city) {
var domain = "www.58.com"; //换成本身的域名
switch (city) {
case "广州":
domain = "guangzhou.58.com";
break;
case "北京":
domain = "beijing.58.com";
break;
case "其余地区一一判断":
//更多
break;
}
location.href = "domain";
}
</script>
域名跳转这部分能够在pageadmin的后台建一个分类表来实现,这样就能够实现后台控制,以下图:json
添加一个自定义字段domain,这样就能够经过后台来控制地区和域名的对应,之后若是有变更直接经过后台修改便可,我这里添加了几条演示数据,效果以下。api
经过点击添加和修改就能够实现地区和域名的后台控制,相比直接在模板中写死,是否是方便了不少。服务器