使用MooTools请求freegeoip JSON数据显示城市地区信息遇问题求助

我看了你的需求和脚本，发现几个核心问题导致无法正常显示城市和地区数据，咱们一步步来修复：

1. 最关键的问题：原数据源已停用 #

freegeoip.net这个服务早就停止运营了，这是导致你拿不到数据的根本原因！咱们换成目前可用的免费IP地理位置接口，比如ip-api.com的免费JSON接口，它能稳定返回IP对应的地理位置信息。

2. MooTools请求写法修正 #

原脚本里的AJAX请求存在回调处理不规范、缺少错误处理的问题，下面是修正后的完整代码：

HTML结构（确保页面有对应的显示元素） #

<div id="city">城市：</div>
<div id="region">地区：</div>

MooTools脚本代码 #

window.addEvent('domready', function() {
    // 初始化JSON请求，使用ip-api.com的免费接口
    new Request.JSON({
        url: 'http://ip-api.com/json',
        method: 'get',
        // 请求成功时的回调
        onSuccess: function(geoData) {
            // 先校验返回的数据是否包含所需字段，避免报错
            if (geoData.city && geoData.regionName) {
                // 更新页面元素内容
                $('city').set('html', '城市：' + geoData.city);
                $('region').set('html', '地区：' + geoData.regionName);
            } else {
                // 处理数据缺失的情况
                $('city').set('html', '无法获取城市信息');
                $('region').set('html', '无法获取地区信息');
            }
        },
        // 请求失败时的回调（比如网络问题）
        onFailure: function() {
            $('city').set('html', '请求失败，请稍后重试');
            $('region').set('html', '请求失败，请稍后重试');
        }
    }).send(); // 发送请求
});

代码说明 #

• 用domready事件确保脚本在页面元素加载完成后再执行，避免找不到DOM元素的问题；
• 替换了数据源为可用的ip-api.com接口；
• 在onSuccess里先校验返回的字段，避免因数据缺失导致脚本报错；
• 添加了onFailure处理网络异常的情况，提升用户体验；
• 使用MooTools的$()选择器获取DOM元素，set('html')方法更新元素内容，这是MooTools的标准写法。

你可以把这段代码替换到你的项目里，就能正常显示城市和地区信息啦～

内容的提问来源于stack exchange，提问作者Arif M