通过jQuery ajax调用将值列表传递给django视图

Posted 2023-02-24

【中文标题】通过jQuery ajax调用将值列表传递给django视图

【英文标题】：Passing list of values to django view via jQuery ajax call

【发布时间】：2012-06-25 22:57:17

【问题描述】：

我正在尝试使用 jQuery ajax 调用将数值 (id) 列表从一个网页传递到另一个网页。我不知道如何传递和读取列表中的所有值。我可以成功发布和读取 1 个值，但不能成功读取多个值。这是我目前所拥有的：

jQuery：

var postUrl = "http://localhost:8000/ingredients/";
$('li').click(function()
    values = [1, 2];
    $.ajax(
        url: postUrl,
        type: 'POST',
        data: 'terid': values,
        traditional: true,
        dataType: 'html',
        success: function(result)
            $('#ingredients').append(result);
            
    );       
);

/ingredients/ 视图：

def ingredients(request):
    if request.is_ajax():
        ourid = request.POST.get('terid', False)
        ingredients = Ingredience.objects.filter(food__id__in=ourid)
        t = get_template('ingredients.html')
        html = t.render(Context('ingredients': ingredients,))
        return HttpResponse(html)
    else:
        html = '<p>This is not ajax</p>'      
        return HttpResponse(html)

使用 Firebug，我可以看到 POST 包含两个 ID，但可能格式错误（terid=1&terid=2）。所以我的成分视图只选择 terid=2。我做错了什么？

编辑： 澄清一下，我需要将 ourid 变量传递值 [1, 2] 传递给成分视图中的过滤器。

【参考方案1】：

您可以在视图中通过request.POST.getlist('terid[]')访问这个数组

在javascript中：

$.post(postUrl, terid: values, function(response)
    alert(response);
);

在 view.py 中：

request.POST.getlist('terid[]')

它非常适合我。

【讨论】：

selected = request.GET.getlist[‌​'selected[]'] TypeError: 'instancemethod' object has no attribute '__getitem__' 我收到此错误...但我有一系列类似 ["one","two","three"‌​] 的刺痛，并且正在使用GET 请求。 ..

这行得通，但是……你为什么需要[]？ django 文档根本没有引用它docs.djangoproject.com/en/3.0/ref/request-response/…

非常有用，8 年后仍然有用！

【参考方案2】：

我找到了解决我最初问题的方法。在这里发布它作为答案，希望它可以帮助某人。

jQuery：

var postUrl = "http://localhost:8000/ingredients/";
$('li').click(function()
    values = [1, 2];
    var jsonText = JSON.stringify(values);
    $.ajax(
        url: postUrl,
        type: 'POST',
        data: jsonText,
        traditional: true,
        dataType: 'html',
        success: function(result)
            $('#ingredients').append(result);
            
    );       
);

/ingredients/ 视图：

def ingredients(request):
    if request.is_ajax():
        ourid = json.loads(request.raw_post_data)
        ingredients = Ingredience.objects.filter(food__id__in=ourid)
        t = get_template('ingredients.html')
        html = t.render(Context('ingredients': ingredients,))
        return HttpResponse(html)
    else:
        html = '<p>This is not ajax</p>'      
        return HttpResponse(html)

【讨论】：

仅供参考 - 一些较旧的浏览器没有内置 JSON 库。你可能最好使用$.serialize而不是JSON.stringify

【参考方案3】：

这部分是你的问题：

ourid = request.POST.get('terid', False)
ingredients = Ingredience.objects.filter(food__id__in=ourid)

您需要反序列化 JSON 字符串。

import json
ourid = json.loads(request.POST.get('terid'))

【讨论】：

当我这样做时，我在 ajax 回调中收到此错误：TypeError at /ingredients/ 'int' object is not iterable

【参考方案4】：

您似乎在这里将数组设置为字符串

data: 'terid': values,

应该是

data: terid: values

【讨论】：

仍然只拾取第二个值 (terid=2)。

Javascript 不在乎你在修改对象属性或字典键时是否使用引号。

【参考方案5】：

尝试像这样发送数据：

   data: values;