前端使用js根据ip地址获取城市地理位置

本文介绍如何使用前端JavaScript和后端Java通过IP地址获取访问者的地理位置信息,包括城市名称和区域编码。前端部分展示了如何在HTML页面中利用Sohu提供的API显示访问者的位置信息。后端部分则通过HttpClient工具类实现跨域请求,获取并解析JSON格式的位置数据。

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

                                  前端使用js根据ip地址获取城市地理位置

 

一、使用js根据ip获取地址位置

1、在html页面,加入如下代码:

<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
<script>
    var cityCode=returnCitySN.cid;
    document.write('<hr><br><h1> 老铁位置:'+JSON.stringify(returnCitySN)+'</h1>');
</script>

2、运行结果如下:

 

 

二、java服务端根据访问ip获取地址位置

1、HttpClient工具类封装: HttpClient实现服务端跨域

2、测试代码:

/**
* description: 使用HttpClient 获取访问用户地理位置
* @version v1.0
* @author w
* @date 2018年9月11日下午3:53:25
*/
public class Location {
    public static void main(String[] args) throws ClientProtocolException, IOException {
        String url="http://pv.sohu.com/cityjson?ie=utf-8";
        String info = HttpClientUtils.doGet(url);
        System.out.println(info);
    }
}

3、执行结果 json串:

var returnCitySN = {"cip": "13.1x3.14x.2x", "cid": "110000", "cname": "北京市"};

4、验证结果: 百度,输入 ip ,对比执行结果 。

5、 放在web项目中,可获取访问用户的ip地址,所在城市,和所在城市区域编码。

 

三、源码下载

1、 https://download.youkuaiyun.com/download/haha_sir/10659773

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值