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

时间:2016-08-31 09:40:04

标签: javascript jquery ajax django django-rest-framework

我已使用create和AJAX实施了get (retrieve)django-rest-framework

但是我在实施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不会发生。

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

我想知道我是否正确地实施了它。

首先,我想知道创建a标签以删除...

是正确的

谢谢:)

2 个答案:

答案 0 :(得分:0)

更改此

$(commentDeleteElement).click(function(){

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

答案 1 :(得分:0)

$("#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);
        }
      });
});