django 使用 AJAX 或带有确认的 javascript 删除对象

Question

您好，我想使用 AJAX 或 JavaScript 删除 Django 对象，并在单击删除时显示确认消息，但我不知道如何完成 AJAX 请求。

views.py

def delete(request,id):
    try:
        inta = work.objects.get(pk=id)
        inta.delete()
    except:
        pass
    return HttpResponseRedirect(reverse('home'))

urls.py

url(r'^delete/(?P<id>\d+)/$',views.delete, name='delete')

html：

{& for app in apps &}
<p>{{ app.item0 }}</p>
<p>{{ app.item1 }}</p>
<p>{{ app.item2 }}</p>
<button  data-object-id="{{ app.id }}">remove</button>
{% endfor %}

$('button').on('click', function(){
    var confirmation = confirm("are you sure you want to remove the item?");
    if (confirmation) {
     // execute ajax
        alert('removed');
    }
})

Answer 1

还有更方便的 AJAX 代码编写方式：

$('button').on('click', function(){
    let confirmation = confirm("are you sure you want to remove the item?");
    if (confirmation) {
        let object_id = $(this).attr('data-object-id');
        let url = `delete/${object_id}/`;
        $.ajax({
           url: "example.html/my/example",
           data: {
               'csrfmiddlewaretoken': "{{ csrf_token }}"
           },
           type: "DELETE",
           dataType: "json"
         }).done(
              function(){alert("Deleted");}
            ).fail(
              function(){alert("Error");}
            ) 
       });
    }
})

Answer 2

假设

• delete 视图不包括 DELETE 请求
• javascript 代码包含在 HTML 中

$('button').on('click', function(){
    let confirmation = confirm("are you sure you want to remove the item?");
    if (confirmation) {
        let object_id = $(this).attr('data-object-id');
        let url = `delete/${object_id}/`;
        $.delete(url, {csrfmiddlewaretoken: '{{ csrf_token }}'}, function(){
                alert('removed');
        })
    }
})

如果 javascript 代码位于单独的文件中，您将不得不找到另一种方法来获取 csrf-token，可能来自页面某处的隐藏输入。