Django+JS提交多选分类报错：Field 'id'期望数字却获字符串

问题根源 #

你通过request.POST['categories']拿到的是逗号分隔的字符串（比如"3,4"），而非数字数组。直接把这个字符串放进[categories]后，传给id__in的参数是["3,4"]——Django会把这个字符串当成单个查询值，自然会报错“期望数字但得到了'3,4'”。

方法一：后端直接处理字符串 #

不需要修改前端代码，在后端把字符串拆分成数字数组即可：

# 用get避免没传参数时触发KeyError
categories_str = request.POST.get('categories', '')
# 分割字符串，过滤空值后转成整数数组
category_ids = [int(id.strip()) for id in categories_str.split(',') if id.strip()]
# 执行过滤查询
matched_categories = Category.objects.filter(id__in=category_ids)

方法二：优化前端提交方式（更规范） #

如果前端是手动把选中的ID拼成了逗号字符串，建议改成标准的多选提交逻辑——给所有分类复选框设置相同的name="categories"，再逐个添加到FormData：

const formData = new FormData();
// 获取所有选中的分类复选框
const checkedBoxes = document.querySelectorAll('input[name="categories"]:checked');
// 同一个name重复append会自动生成数组
checkedBoxes.forEach(box => {
    formData.append('categories', box.value);
});
// 后续提交formData即可

后端用getlist直接获取字符串数组，再转成数字：

# getlist返回所有同名参数的数组
category_str_list = request.POST.getlist('categories')
# 转成整数数组
category_ids = list(map(int, category_str_list))
matched_categories = Category.objects.filter(id__in=category_ids)

注意事项 #

• 若用户未选择任何分类，两种方法都会生成空数组，此时filter(id__in=[])会返回空QuerySet，符合预期。
• 方法二更契合HTTP表单提交规范，后续维护和扩展更便捷。

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