首页 博客模板 网站素材 网站工具 Discuz!商业 个人博客 QQ工具 生活咨询 博客大全

13.利用ajax检测访问者ip地址和地区

该代码可以看到访问者ip地址,适合记录对方ip的网站使用

图片截图:

下面是文件代码(直接点击最下方下载):

 

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8" />
  <title>13.利用ajax检测访问者ip地址和地区-建华兄</title>
 </head>
 <script src="static/js/jquery.min.js"></script>
 <style type="text/css">
  .box{text-align: center;}
 </style>
 <body>
  <div class="box">
   <h1>AJAX检测ip和地区</h1>
   <p id="city"></p>
   <p id="ip"></p>
  </div>
  <div class="box">
  <h2><a href="http://www.jianhuax.com/sucai/127.html">点击下载此特效</a></h2>
  </div>
 </body>
</html>

<script type="text/javascript">
$(function(){
 //获取城市ajax
 $.ajax({
 url: 'http://api.map.baidu.com/location/ip?ak=ia6HfFL660Bvh43exmH9LrI6', 
 type: 'POST', 
 dataType: 'jsonp',
 success:function(data) { 
  console.log(JSON.stringify(data.content.address_detail.province + "," + data.content.address_detail.city));
  $('#city').html(JSON.stringify(data.content.address_detail.province + "," + data.content.address_detail.city))
 }
 });
 //获取ip ajax
 $.ajax({
     url: 'http://freegeoip.net/json/',
     success: function(data){
        console.log(JSON.stringify(data.ip));
        $('#ip').html(JSON.stringify(data.ip))
     },
     type: 'GET',
     dataType: 'JSON'
 });
})

</script>


转载请注明本文转自“建华兄个人博客
下载失效联系QQ:1249721215
本站所有下载解压密码为:jianhuax.com

发布时间:2018-06-23


热门排行