Django项目字符串转float报错：无法将'None'转为浮点数

问题根源 #

1. 页面首次加载时，未触发AJAX请求，request.GET.get('location')返回None，转成字符串后变为"None"
2. 拆分该字符串后，Rlatitude被赋值为"None"，执行float(Rlatitude)时触发类型转换错误
3. 前端存在冗余操作：通过DOM元素中转坐标，可能引入空格或其他无效字符，增加解析风险

后端修复（views.py） #

移除全局变量（多用户场景下会导致数据冲突），增加参数校验和异常处理：

from django.shortcuts import render
import re

# 保留其他导入代码...

def index(request):
    latitude = None
    longitude = None
    location_str = request.GET.get('location')
    
    if location_str:  # 先判断参数是否存在
        try:
            # 拆分坐标并去除多余空格
            lat_part, lng_part = [s.strip() for s in re.split(',', location_str)]
            latitude = float(lat_part)
            longitude = float(lng_part)
            print(f"解析成功：纬度{latitude}，经度{longitude}")
        except (ValueError, IndexError) as e:
            # 捕获格式错误或转换失败的异常
            print(f"坐标解析失败：{str(e)}")
    
    # 后续业务逻辑可基于latitude/longitude是否为None判断
    context = {'insert_me':'hi'}
    return render(request,'finder/index.html', context=context)

修复要点：

• 用局部变量替代全局变量，避免多用户数据污染
• 先校验参数是否存在，再执行解析操作
• 处理坐标字符串中的空格，兼容不同格式的输入
• 捕获解析过程中的异常，避免程序崩溃

前端修复（index.html） #

直接使用地理位置API返回的数值，跳过DOM中转环节：

<h1> Pharmacy Finder </h1>

<button onclick="getLocation()">Try It</button>
<p id="demo"></p> 

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
const demoEl = document.getElementById("demo");

function getLocation() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showPosition);
  } else { 
    demoEl.innerHTML = "Geolocation is not supported by this browser.";
  }
}

function showPosition(position) {
  const lat = position.coords.latitude;
  const lng = position.coords.longitude;
  demoEl.innerHTML = `${lat}, ${lng}`;

  $.ajax({
    url: '',
    type: 'get',
    data: {location: `${lat},${lng}`}  // 直接拼接纯坐标字符串
  });
}
</script>

修复要点：

• 直接从position对象获取经纬度，避免DOM文本读取的冗余和误差
• 拼接坐标时去除空格，简化后端解析逻辑
• 确保引入jQuery依赖（否则AJAX请求无法执行）

额外建议 #

• 不要用全局变量存储用户数据，可使用request.session临时存储坐标
• 前端AJAX可增加错误回调，处理请求失败的情况
• 后端可增加经纬度范围校验（纬度-90_{90，经度-180}180），过滤无效坐标

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