最近公司新加了一个需求,根据用户登录的IP地址判断是否重复登录,重复登录就进行逼退,那么怎么获取到浏览器的IP地址呢?最后发现搜狐提供了一个JS接口,可以通过它获取到客户端的IP。
接口地址如下:
http://pv.sohu.com/cityjson?ie=utf-8
在浏览器输入,返回了这些信息:
返回了一个returnCitySN变量,这是一个json对象。里面保存了ip,id和城市名字。
查询代码如下:
1 <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script> 2 <script type="text/javascript"> 3 document.write(returnCitySN["cip"]+','+returnCitySN["cname"]) 4 </script>
这样我们写出IP地址和城市名称,我们判断是否重复登录就只需判断IP地址是否相同。
接口代码如下:
$(function() { //IP地址异地判断 var UserPhoneNum = getCookie("UserPhoneNum"); var ipinfo = { "UserPhoneNum": '86//' + UserPhoneNum, "IP": returnCitySN["cip"] } $.ajax({ url: "https://www.xxxxxxxxx.cn/xxxxxx/checklogin/", data: ipinfo, type: "get", success: function(data) { if(JSON.parse(data).state === 200) { } else { window.location.href = 'login.html'; alert("您的账号已在别处登录,请退出再进行登录!") } }, error: function() { alert("登录失效"); } }); })
我们把IP地址取到,在登录的时候我们通过接口参数上传给后台进行储存,然后通过上面这个接口判断浏览器IP是否和登录时IP一致,不一致就弹框提示并返回登录界面;