如何在models.py中获取JS值？天气API无法获取当前位置数据求助

Hey there! 看起来你卡在获取当前位置数据这一步了，我来帮你捋捋可能的问题和解决办法～

一、先补全前端当前位置获取逻辑（JS部分） #

你的GetLocation函数看起来没写完，浏览器端获取用户当前位置得用原生的navigator.geolocation.getCurrentPosition()方法，给你写个可用的完整示例：

function GetLocation() {
  // 先检查浏览器是否支持地理定位
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(
      // 获取位置成功的回调
      function(position) {
        const userLat = position.coords.latitude;
        const userLon = position.coords.longitude;
        // 拿到经纬度后，调用后端的get_weather_info接口
        // 这里用fetch举例，你也可以用axios等工具
        fetch(`/your-backend-api-path?lat=${userLat}&lon=${userLon}`)
          .then(res => res.json())
          .then(weatherData => console.log("获取到的天气数据:", weatherData))
          .catch(err => console.error("请求天气接口失败:", err));
      },
      // 获取位置失败的回调（处理权限、超时等问题）
      function(error) {
        switch(error.code) {
          case error.PERMISSION_DENIED:
            alert("你拒绝了位置权限申请，请开启权限后重试");
            break;
          case error.POSITION_UNAVAILABLE:
            alert("当前位置信息不可用");
            break;
          case error.TIMEOUT:
            alert("获取位置超时，请稍后再试");
            break;
          default:
            alert("获取位置时发生未知错误");
        }
      }
    );
  } else {
    alert("你的浏览器不支持地理定位功能，请更换主流浏览器重试");
  }
}

⚠️ 注意：地理定位API需要在HTTPS环境（或localhost本地开发环境）下才能正常工作，HTTP环境下浏览器会直接阻止请求。

二、修复后端Python的API URL拼接问题 #

你的Python代码里用了&，这是HTML的转义字符，直接放到API请求URL里会导致参数解析错误，得换成普通的&：

# 原代码（存在转义问题）
WEATHER_API_LAT_LON = "%s/weather?appid=%s&units=metric&lat={}&lon={}" % (API, APP_ID)

# 修改后
WEATHER_API_LAT_LON = "%s/weather?appid=%s&units=metric&lat={}&lon={}" % (API, APP_ID)

另外用f-string拼接会更清晰，能避免字符串格式化的潜在问题：

WEATHER_API_LAT_LON = f"{API}/weather?appid={APP_ID}&units=metric&lat={{}}&lon={{}}"

三、分步测试排查 #

1. 先单独测试JS的位置获取：打开浏览器控制台，手动调用GetLocation()，看是否能正常拿到经纬度
2. 手动验证OpenWeatherMap API：把拿到的经纬度拼到API URL里（比如https://api.openweathermap.org/data/2.5/weather?appid=你的APPID&units=metric&lat=39.9042&lon=116.4074），在浏览器地址栏打开，确认是否能返回正常的JSON天气数据
3. 最后测试前后端联动：确保前端把经纬度正确传给后端，后端请求API后能正常返回数据

如果还是有问题，可以补充JS的完整代码，或者后端请求API时的错误日志（比如HTTP状态码、返回的错误信息），这样能更精准地排查～

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