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