用ajax調用刪除tr問題

Question

我試圖刪除一個錶行，我的按鈕工作，我的產品從數據庫中刪除，但它不會刪除頁面上，直到刷新，我總是得到「它失敗「即使是它的工作......我做錯了什麼？似乎沒有被稱爲「成功」。

$(".deleteProduct").click(function(){ 
    var id = $(this).data("id"); 
    var token = $(this).data("token"); 
    $.ajax(
      { 
       url: "/eventlineitem/"+id, 
       type: 'DELETE', 
       dataType: "JSON", 
       data: { 
        "id": id, 
        "_method": 'DELETE', 
        "_token": token 
       }, 
       success: function() 
       { 
        console.log("it Work"); 
       } 
      }); 

    console.log("It failed"); 
}); 

這裏是我的html

<tr class="item{{$item->id}}"> 
    <td class="align-center" scope="row">{{$item->product->id}}</td> 
    <td class="align-center">{{$item->quantity}}</td> 
    <td><a href="/products/{{$item->product->id}}">{{$item->product->name}}</a></td> 
    <td class="align-center">{{$item->warehouse_id}}</td> 
    <td class="align-center">{{$item->product->location}}</td> 
    <td><div class="switch"> 
    <label><input type="checkbox"><span class="lever switch-col-green"></span></label> 
    </div></td> 
    <td><i class="material-icons deleteProduct" data-id="{{ $item->id }}" data-token="{{ csrf_token() }}">delete</i></td> 
</tr> 

Answer 1

我不知道你是怎麼預期的HTML知道你刪除的行？

我想你應該創建一個變量的AJAX調用之前

var target = $(this).parents("tr"); 

然後在ajax.success通話

target.remove() 

Answer 2

更改成功函數這樣

success: function() 
       { 
        $(".item"+id).remove(); 
        console.log("it Work"); 
       } 

Answer 3

success: function() { 
    $(this).parent().parent().remove(); 
    console.log("it Work"); 
} 

B就這樣，如果console.log被解僱了，那麼你就知道成功了。

Answer 4

你可以嘗試用下面的代碼：

$(".deleteProduct").click(function(){ 
    var _selector = $(this); 
    var id = _selector.data("id"); 
    var token = _selector.data("token"); 

    $.ajax({ 
     url: "/eventlineitem/"+id, 
     type: 'DELETE', 
     dataType: "JSON", 
     data: { 
      "id": id, 
      "_method": 'DELETE', 
      "_token": token 
     }, 
     success: function(){ 
      console.log("it Work"); 
      _selector.parents('tr.item' + id).remove(); 
     } 
    }); 
}); 

讓我知道，如果你的工作。