调用新浪IP地址库获取当前所在城市信息

最新推荐文章于 2022-08-01 20:21:19 发布

weixin_34261415

最新推荐文章于 2022-08-01 20:21:19 发布

阅读量242

点赞数

文章标签： javascript php java ViewUI

原文链接：https://my.oschina.net/ayo123/blog/1545913

版权

为什么80%的码农都做不了架构师？>>>

一、此功能需要下载两个js文件：

jquery.js 和 jquery.cityselect.js

二、写个页面

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<script src="/testRSA/js/jquery.js"></script>
<script src="/testRSA/js/jquery.cityselect.js"></script>
<script type="text/javascript" src="http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js"></script>
<%--<script type="text/javascript" src="http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=json&ip=123.54.74.14"></script>--%>
<body>
<p>您所在的城市是：<script>document.write(myprovince+' '+mycity);</script></p>
<div id="city_1">
    <select class="prov"></select>
    <select class="city"></select>
</div>
</body>
</html>

三、添加js代码实现功能

<script>
    var myprovince = remote_ip_info['province'];
    var mycity = remote_ip_info['city']
    var mydistrict = remote_ip_info['district'];
    $(function(){
        $("#city_1").citySelect({
            prov:myprovince,
            city:mycity
        });
    });
</script>

完整页面：

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<script src="/testRSA/js/jquery.js"></script>
<script src="/testRSA/js/jquery.cityselect.js"></script>
<script type="text/javascript" src="http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js"></script>
<%--<script type="text/javascript" src="http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=json&ip=123.54.74.14"></script>--%>
<body>
<h3>调用新浪IP库接口</h3>
<p>您所在的城市是：<script>document.write(myprovince+' '+mycity);</script></p>
<div id="city_1">
    <select class="prov"></select>
    <select class="city"></select>
</div>
<script>
    var myprovince = remote_ip_info['province'];
    var mycity = remote_ip_info['city']
    var mydistrict = remote_ip_info['district'];
    $(function(){
        $("#city_1").citySelect({
            prov:myprovince,
            city:mycity
        });
    });
</script>
</body>
</html>

Over！

转载于:https://my.oschina.net/ayo123/blog/1545913