快捷搜索:   nginx

jquery结合新浪IP库和搜狐IP库获取访客IP地址和IP归属地信息并无刷新显示

新浪的IP地址库比较详细,但是不显示访客的IP信息,搜狐的IP地址库必加简略,但是会显示访客的IP信息,因此我们结合两者,使用JQuery去调用网站访客的IP信息和IP归属地信息并显示出来,由于利用的是jquery的本地请求,因此不会占用服务器资源,是由访客电脑自行发起的对新浪和搜狐的访问,因此也不会造成你服务器IP频繁访问新浪搜狐被限制获取IP地址信息。

详细代码如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>IP信息获取功能</title>
<script src="//cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
//通过SOHU接口获取IP地址
$.getScript('https://pv.sohu.com/cityjson?ie=utf-8', function(_result){
var ipData2 = ""; //初始化保存内容变量
ipData2 += returnCitySN.cip ;
$("#sina_ip_info2").html(ipData2);
});
  
    
//获取到IP后访问新浪接口
$.getScript('https://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js&ip=', function(_result){
var ipData = ""; //初始化保存内容变量
ipData += "(";
ipData += remote_ip_info.country ;
ipData += remote_ip_info.province;
ipData += remote_ip_info.city;
ipData += remote_ip_info.district;
ipData += remote_ip_info.isp;
ipData += remote_ip_info.type;
ipData += remote_ip_info.desc + "),";
$("#sina_ip_info").html(ipData);
});
</script>
</head>
<body>
  <small id="sina_ip_info2"> </small><small id="sina_ip_info"> </small>
 
</body>
</html>

演示:https://www.bnxb.com/demo/jquery/ip/sinasohuip.htm


需要注意的是因为获取的是第三方网站的信息,因此如果访客端浏览器有安装类似ublock这类的插件,可能会拦截掉访问

顶(4)
踩(0)

您可能还会对下面的文章感兴趣:

最新评论