Django中AJAX GET请求无法获取输入参数问题排查

看起来你遇到的核心问题是参数名不匹配，再加上几处小的代码疏漏，导致视图拿不到前端传的用户名。咱们一步步拆解解决：

1. 最直接的问题：AJAX传参名和视图取值名不一致 #

你在AJAX里传递的参数键是'username':

data: { 'username': username },

但在视图里却试图获取'search'这个参数：

username = request.GET.get('search', None)

这就好比你递出去的是苹果，却问对方要橘子，肯定拿不到结果！把视图里的代码改成下面这样就能正确拿到参数了：

username = request.GET.get('username', None)

2. URL配置里的视图函数写错了 #

你的URL配置里写的是：

url(r'^search_username/$', user.views.search_product, name="search_username"),

但你的视图函数明明叫search_username，这里却错误指向了search_product——虽然你说视图能打印"Entered into search"，大概率是实际代码改了但粘贴时出错，但这个问题必须修正，否则后续会出现视图不匹配的报错：

url(r'^search_username/$', user.views.search_username, name="search_username"),

3. 额外提醒：CSRF令牌（可选但重要） #

你现在用的是AJAX GET请求，Django默认不会校验CSRF，但如果后续改成更安全的POST请求，就需要在AJAX里带上CSRF令牌。可以这样处理：

// 先从页面的表单里获取CSRF令牌
var csrftoken = $('[name=csrfmiddlewaretoken]').val();
$.ajax({
    url: '/search_username/',
    data: { 'username': username },
    dataType: 'json',
    headers: { "X-CSRFToken": csrftoken }, // 带上CSRF令牌
    error: function(){ alert('failure'); },
    success: function (data) {
        if (data.is_taken) {
            alert("A user with this username already exists.");
        }
    }
});

4. 测试排查小技巧 #

修改完上面的点后，你可以打开浏览器开发者工具的Network面板，查看AJAX请求的参数是否正确传递；也可以在视图里打印所有GET参数，方便快速排查：

print(request.GET) # 会打印所有GET参数，能直观看到有没有拿到前端传的值

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