根据IP定位用户所在城市信息 从而动态改变省份和地址

ip地址查询

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta name="keywords" content="ajax,jquery,省市联动,IP地址城市信息" />
  6. <meta name="description" content="" />
  7. <title>演示：根据IP定位用户所在城市信息</title>
  8. <script type="text/javascript" src="/js/jquery-1.8.3.min.js"></script>
  9. <script type="text/javascript" src="http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js"></script>
  10. <script type="text/javascript">
  11.     var myprovince = remote_ip_info['province'];
  12.     var mycity = remote_ip_info['city'];
  13.     var mydistrict = remote_ip_info['district'];
  14.     $(function(){
  15.         $('#province').text(myprovince); //定义A链接里面相应的省份
  16.         switch(myprovince){
  17.             case '广东':
  18.                 $('#province').attr("href","/gd")
  19.                 break;
  20.             case '上海':
  21.                 $('#province').attr("href","/sh")
  22.                 break;
  23.             case '北京':
  24.                 $('#province').attr("href","/bj")
  25.                 break;
  26.             case '山东':
  27.                 $('#province').attr("href","/sd")
  28.                 break;
  29.             case '江苏':
  30.                 $('#province').attr("href","/js")
  31.                 break;
  32.             case '四川':
  33.                 $('#province').attr("href","/sc")
  34.                 break;
  35.             case '浙江':
  36.                 $('#province').attr("href","/zj")
  37.                 break;
  38.             case '河南':
  39.                 $('#province').attr("href","/hl")
  40.                 break;
  41.             case '辽宁':
  42.                 $('#province').attr("href","/ln")
  43.                 break;
  44.             case '陕西':
  45.                 $('#province').attr("href","/sx")
  46.                 break;
  47.             case '湖北':
  48.                 $('#province').attr("href","/hb")
  49.                 break;
  50.             case '湖南':
  51.                 $('#province').attr("href","/hn")
  52.                 break;
  53.             case '福建':
  54.                 $('#province').attr("href","/fj")
  55.                 break;
  56.             case '重庆':
  57.                 $('#province').attr("href","/cq")
  58.                 break;
  59.             case '安徽':
  60.                 $('#province').attr("href","/ah")
  61.                 break;
  62.             case '河北':
  63.                 $('#province').attr("href","/hb")
  64.                 break;
  65.             case '山西':
  66.                 $('#province').attr("href","/sx")
  67.                 break;
  68.             case '广西':
  69.                 $('#province').attr("href","/gx")
  70.                 break;
  71.             case '江西':
  72.                 $('#province').attr("href","/jx")
  73.                 break;
  74.             case '甘肃':
  75.                 $('#province').attr("href","/gs")
  76.                 break;
  77.             case '天津':
  78.                 $('#province').attr("href","/tj")
  79.                 break;
  80.             case '吉林':
  81.                 $('#province').attr("href","/jl")
  82.                 break;
  83.             case '黑龙江':
  84.                 $('#province').attr("href","/hnj")
  85.                 break;
  86.             case '海南':
  87.                 $('#province').attr("href","/hn")
  88.                 break;
  89.             case '贵州':
  90.                 $('#province').attr("href","/gz")
  91.                 break;
  92.             case '新疆':
  93.                 $('#province').attr("href","/xj")
  94.                 break;
  95.              case '云南':
  96.                 $('#province').attr("href","/zn")
  97.                 break;
  98.             case '宁夏':
  99.                 $('#province').attr("href","/nx")
  100.                 break;
  101.             case '内蒙古':
  102.                 $('#province').attr("href","/nmg")
  103.                 break;
  104.             case '青海':
  105.                 $('#province').attr("href","/qh")
  106.                 break;
  107.             case '西藏':
  108.                 $('#province').attr("href","/xz")
  109.                 break;
  110.             default:
  111.               $('#province').attr("href","/")
  112.           }
  113.       })
  114. </script>
  115. </head>
  116. <body>
  117.   
  118.   <div class="demo">
  119.   <h3>调用新浪IP库接口</h3>
  120.     <p>您所在的城市是：<script>document.write(myprovince+' '+mycity);</script></p>
  121.     <a id="province" href="" target=_blank ></a>
  122.   </div>
  123. </body>
  124. </html>