Jquery：在ajax成功后删除DOM元素

Question

I am having trouble trying to remove an element after an ajax success..

here is my ajax code:

verifyRequest.denyUser = function(requestId,element){
    $.ajax({
        url: loaderURL+'idverified/denyRequest',
        dataType:"json",
        type:"post",
        data:{
            id:requestId,   
        },
        success: function(data){
            element.remove();
        }   
    }); 
}

And listening to this event:

$("#requestUsers ul li .remove").click(function(){
    var id = $(this).attr("data-value"),
        element = $(this).parent('li');

        verifyRequest.denyUser(id,element);     
});

The problem is this - The ajax is working fine however when it comes to the "success:" part it does not remove the element.

I tried this code and it worked however this does not suit my needs :

$("#requestUsers ul li .remove").click(function(){
    var id = $(this).attr("data-value"),
        element = $(this).parent('li');

        verifyRequest.denyUser(id,element);
            element.remove();//and it did worked
});

can somebody explain why is this happening?Thanks

Answer 1

store the reference and then remove it.this way:

verifyRequest.denyUser = function(requestId,element){
var t = $(element);
$.ajax({
    url: loaderURL+'idverified/denyRequest',
    dataType:"json",
    type:"post",
    data:{
        id:requestId,   
    },
    success: function(data){
        $(t).remove();
    }   
}); 
}

Answer 2

SOLUTION: The problem is actually on server side .. If you are depending on success event your server side must always return a json.. even if its empty or what ever you prefer. Because success will be triggered only if

<?php  
 if(isset($_POST['yourData']) && !empty($_POST['yourData'])){
   if(//evaluate further){
     // This will trigger success
     echo json_encode(array());
   }else{
     throw new HttpException(403,'Unauthorized request');
   }
 }else{
  throw new HttpException(404,'Not Found')
 }
?>

This way success will be triggered if your evaluation returns true..