实现效果：
<!DOCTYPE html><html><head><meta charset="utf-8" /><title>获取当前IP地址和省市地区位置代码</title></head><script src="js/jquery.min.js"></script><style type="text/css"> ???.box{text-align: center;}</style><body><div class="box"> ???<h1>AJAX检测ip和地区</h1> ???<p id="city"></p> ???<p id="ip"></p></div><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://freegeoip.net/json/‘, ???????success: function(data){ ??????????console.log(JSON.stringify(data.ip)); ??????????$(‘#ip‘).html(JSON.stringify(data.ip)) ???????}, ???????type: ‘GET‘, ???????dataType: ‘JSON‘ ???});})</script></body></html><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://freegeoip.net/json/‘, ???????success: function(data){ ??????????console.log(JSON.stringify(data.ip)); ??????????$(‘#ip‘).html(JSON.stringify(data.ip)) ???????}, ???????type: ‘GET‘, ???????dataType: ‘JSON‘ ???});})</script>JS框架_(AJAX)检测ip和地区
原文地址：https://www.cnblogs.com/1138720556Gary/p/9374511.html