前言:
此时小伙伴们对“ajax获得ip地址”可能比较关注,同学们都想要剖析一些“ajax获得ip地址”的相关文章。那么小编同时在网上网罗了一些关于“ajax获得ip地址””的相关内容,希望朋友们能喜欢,朋友们一起来了解一下吧!很多大型信息平台,如58同城,百姓网等都会有全国地区分站,比如我广州的,打开58同城会自动进入广州分站。
现在很多做网站的站长和网站建设公司都会采用pageadmin这类网站系统来建站,pageadmin是支持站群的,下面演示如何实现58同城的地区跳转功能。
1、首先需要一个iP识别接口,这里可以到阿里云去申请,我们也可以用淘宝的免费api接口,阿里云的接口返回信息格式如下。
{"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请求的方式来获取到归属信息实现跳转,代码如下:
<script type="text/javascript">var clientIp = "@StringHelper.GetClientIP()";//调用pageadmin的内置方法获取ip地址var api="";$(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 = ""; //换成自己的域名 switch (city) { case "广州": domain = "guangzhou.58.com"; break; case "北京": domain = "beijing.58.com"; break; case "其他地区一一判断": //更多 break; } location.href = "domain";}</script>
域名跳转这部分可以在pageadmin的后台建一个分类表来实现,这样就可以实现后台控制,如下图:
添加一个自定义字段domain,这样就可以通过后台来控制地区和域名的对应,以后如果有变动直接通过后台修改即可,我这里添加了几条演示数据,效果如下。
通过点击添加和修改就可以实现地区和域名的后台控制,相比直接在模板中写死,是不是方便了很多。
标签: #ajax获得ip地址