如何在Django中使用ajax实现删除对象？

Question

我已经使用django-rest-framework和AJAX实现了create、get (retrieve)。

但是我在实现delete时遇到了一些问题(Delete API已经准备好了)。

这是我的想法：

HTML：

<div class="comment-meta">
    <a id="comment-delete" href="/api/posts/notice/2/comments/4/delete/">
        삭제
    </a>
</div>

JQuery：

var commentMetaElement = $(".comment-meta");
var commentDeleteElement = $(commentMetaElement).find("#comment-delete");
var commentDeleteURL = $(commentDeleteElement).attr('href');

$(commentDeleteElement).click(function(){
    alert($(this).attr('href'));
    $.ajax({
        url: commentDeleteURL,
        type: "DELETE",
        success: function(data){
            alert("done!");
        },
        error: function(data){
            console.log(textStatus);
        }
    });
});

当我单击a标记时，不会发生alert。

此外，当我在var commentDeleteURL = $(commentDeleteElement).attr('href');之后插入代码alert(commentDeleteURL);时，它显示：undefined。

我想知道我是否以正确的方式实现了它。

首先，我想知道创建用于删除的a标记是否正确...

谢谢:)

Answer 1

改变这一点

$(commentDeleteElement).click(function(){

至

 $("#commmet-delete").click(function(){

Answer 2

$("#comment-delete").on('click', function(){
     var commentDeleteURL = $(this).attr("href");

      $.ajax({
         url: commentDeleteURL,
         type: "DELETE",
        success: function(data){
            alert("done!");
         },
        error: function(data){
            console.log(textStatus);
        }
      });
});