【基础】js 获取当前地址或IP

最新推荐文章于 2025-04-07 11:30:01 发布

大连的程序员

最新推荐文章于 2025-04-07 11:30:01 发布

阅读量1k

点赞数 1

文章标签：前端 js

本文链接：https://blog.youkuaiyun.com/weixin_38942461/article/details/128280555

版权

本文介绍了如何使用百度地图、腾讯地图、搜狐及新浪提供的API进行IP地址到地理位置的转换，包括城市的获取方法。通过不同的API调用示例展示了如何利用jQuery发起异步请求，并通过JSONP方式处理跨域问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

百度地图api：

_this.$jquery.ajax({
      url:
      "http://api.map.baidu.com/location/ip?ip&v=2.0&ak=百度地图密钥&callback=showLocation",
      type: "POST",
      async: false,
      dataType: "jsonp",
      success: function (data) {
        //获取城市
        if (data.status === 0) {
          ipaddr = data.content;
        }
      },error:function(XMLHttpRequerst,status,errorThrown){
        ipaddr = "";
      },
    });

腾讯地图api:

_this.$jquery.ajax({
      url:
      "https://apis.map.qq.com/ws/location/v1/ip?callback=showLocation&key=腾讯地图密钥&output=jsonp",
      type: "POST",
      async: false,
      dataType: "jsonp",
      success: function (data) {
        //获取城市
        if (data.status === 0) {
          ipaddr = data.content;
        }
      },error:function(XMLHttpRequerst,status,errorThrown){
        ipaddr = "";
      },
    });

搜狐api：

<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>  
<script type="text/javascript">  
console.log(returnCitySN["cip"]+','+returnCitySN["cname")  
</script>

新浪api：

<script src="http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js"></script>
<script>
    var data = remote_ip_info;
    console.log(data.country+" ; "+data.province+" ; "+data.city+" ; ")
</script>