您的位置:首页 > 其它

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

2017-09-30 00:00 489 查看
摘要: 自己写项目时可以当做一个小功能吧

一、此功能需要下载两个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!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  位置