在 django 模板中使用 Ajax 更新元素

Question

所以我有一个按钮，假设将“添加”一个“项目”到列表并在同一页面上更新列表而不刷新它。

在不重定向的情况下添加项目。但是元素没有正确刷新

这是我的脚本：

<div id="list">
    {% for item in items %}
        {{ item.name }}
    {% endfor %}
</div>

<button id="add" type="submit">+</button>

<script>
    $('#add').click(function () {
        $.get('/url/page/', function (data) {
            $('#list').html(data);
        });
    });
</script>

views.py

def add_to_list(request, item_id, list_id): 
      item, created = List.objects.get_or_create(list_id=list_id, 
      item_id=item_id)
     return HttpResponse(request)

我觉得我必须在视图中添加一些东西？也许使用 json 代码？

Answer 1

您应该将请求的结果附加到div 元素。试试这个：

 $('#add').click(function () {
    $.get('/url/page/', function (data) {
        $('#list').append(data);
    });
});

假设您从GET 请求中收到的data 不是一个对象，而只是一个字符串。如果是对象添加data.name:

$('#list').append(data.name)

希望对你有帮助。