徐州网络公司 徐州网站建设,徐州网络公司,徐州网站制作,徐州网站开发,徐州微信营销,徐州微信平台制作,徐州网站优化,徐州做网站,徐州集团网站建设,华岳网络,徐州品牌网站建设,微信公众号制作,徐州网络公司哪家好,徐州服务最好的网络公司 【网站建设一条龙服务】

新闻资讯

当前位置: 首页 » 技术百科

最新IP城市API跳转ip-api.com利用js获取IP归属地 城市名 IP定位城市(josn)

标示: 时间:2019-08-10 作者:华岳网络 来源:本站 点击: 字号:

说明:这个用了JQ的

下面是另外的,也是可以用的。

JS获取IP归属地 城市名 IP定位城市新浪API替换为126.net 最新IP城市API跳转http://www.web0516.net/nwes/cjwt/201908081950.html

  1. <html xmlns="http://www.w3.org/1999/xhtml" > 
  2. <head> 
  3.     <title>Untitled Page</title> 
  4.      <SCRIPT src="http://www.web0516.net/templets/hs/js/jquery-1.4.2.min.js" type="text/javascript"></SCRIPT>
  5.      <script type="text/javascript"
  6.     jQuery(document).ready(function(){  
  7.        $.ajax({ 
  8.             type: "get"
  9.             async: false
  10.             url: "http://ip-api.com/json/?lang=zh-CN"
  11.             dataType: "json"
  12.             json: "callback",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(一般默认为:callback) 
  13.             jsonpCallback:"?",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名,也可以写"?",jQuery会自动为你处理数据 
  14.             success: function(json){ 
  15.                 alert('您查询到省市: ' + json.regionName + ' ,: ' + json.city + ' '); 
  16. document.write(json.city);
  17.             }, 
  18.             error: function(){ 
  19.                 alert('fail'); 
  20.             } 
  21.         }); 
  22.     }); 
  23.     </script> 
  24.     </head> 
  25.  <body> 
  26.  </body> 
  27. </html> 

 在OS中国上碰到一个很认真的大师,讲了JOSNP是不现实的,他给了去代理的方法。这个方法比较好。

https://www.oschina.net/question/3640829_2309476

那些所谓要跨域的人请仔细看这张图里的地址,在下请求的地址是本地!但是本地并没有这个json的请求方法。这是在nginx里加一句配置:

请看这个是nginx的配置文件nginx.conf(存放在nginx目录下conf里)

楼主只需要安装一个nginx然后去反向代理就可以了。什么jsonp忘了吧。

 

  1. <script src="http://www.jq22.com/jquery/jquery-2.1.1.js"></script> 
  2.      
  3.     <script type="text/javascript"
  4.         $(function () { 
  5.             $("pre").hide(0); 
  6.             $.get("http://ip-api.com/json/?lang=zh-CN"function (res) { 
  7.                 $("pre").show(300); 
  8.                 $("pre").html($("pre").html().format(res)); 
  9.             }, "json"); 
  10.         }); 
  11.     String.prototype.format = function () { 
  12.         var params = [].slice.apply(arguments); 
  13.         //Array.prototype.slice.apply 
  14.         var cur = this
  15.  
  16.         1 == params.length && "object" == typeof params[0] && (params = params[0]); 
  17.  
  18.         for (var idx in params) { 
  19.             var item = params[idx]; 
  20.  
  21.             (cur = cur.replace(new RegExp("({)" + idx + "(})""gm"), item)); 
  22.         } 
  23.  
  24.         return cur; 
  25.     } 
  26.   </script> 

<pre>{city}</pre>

文章来自与【徐州网络公司】徐州网站建设公司-徐州网站制作-徐州微信营销-微信公众号制作-徐州网络优化公司 TAG: