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)
- 最新评论