当前位置:网站首页 > 更多 > 站长帮 > 正文

[趣味代码] 使用AJAX实现检测ip和地区

作者:CC下载站 日期:2018-10-10 03:33:16 浏览:1891 分类:站长帮

使用百度地图和IP-API.com提供的API获取所在城市和IP

下面直接附上代码

HTML

<p id="city"></p><!--地区-->
<p id="ip"></p><!--IP-->
<script type="text/javascript">
$(function(){
//获取城市ajax
	$.ajax({
	url:'http://api.map.baidu.com/location/ip?ak=ia6HfFL660Bvh43exmH9LrI6',
	type:'POST',
	dataType:'jsonp',
	success:function(data){
		console.log(JSON.stringify(data.content.address_detail.province +","+ data.content.address_detail.city));
		$('#city').html(JSON.stringify(data.content.address_detail.province +","+ data.content.address_detail.city))
}
});
//获取ip ajax
	$.ajax({
	    url:'http://ip-api.com/json',
	    success:function(data){
	       console.log(JSON.stringify(data.query));
	       $('#ip').html(JSON.stringify(data.query))
},
	    type:'GET',
	    dataType:'JSON'
});
})
</script>


您需要 登录账户 后才能发表评论

取消回复欢迎 发表评论:

关灯