jquery sql .NET - 試圖創建一個刪除按鈕，可以從服務器上刪除ID

Question

所以我有一個程序，使用jQuery和.NET在數據庫中生成ID的。我正在嘗試創建一個刪除按鈕，以便當用戶進入此部分時，他們所要做的就是選擇其中包含ID的徑向按鈕，然後單擊刪除按鈕將其刪除，但我不確定如何操作這個。我已經讀過，使用某種Ajax調用可以工作，但不熟悉它的功能。這是我到目前爲止：

function UserSelection(Type_ID) { 
     var Type_Value = ""; 

     if (Type_ID == 1) 
      Type_Value = "html"; 
     else if (Type_ID == 2) 
      Type_Value = "doc" 
     else if (Type_ID == 3) 
      Type_Value = "src" 

     $('#userselectionmade').dialog({ 
      width: 700, 
      height: 400, 
      title: 'Generate Document', 
      buttons: { 
       'Edit Document': function() { 
        var documentID = $('#<%= rblUserDocument.ClientID %>').children().children().children().find("input:checked").val(); 
        window.location = "AddEditDocument.aspx?action=Edit&documentID=" + documentID + ""; 
       }, 
       'Delete Document': function(){ 
        var documentID = $('#<%= rblUserDocument.ClientID %>').children().children().children().find("input:checked").val(); 
        window.location = "AddEditDocument.aspx?action=Edit&documentID=" + documentID + ""; 

       }, 
       'Cancel': function() { 
        $(this).dialog("close"); 
       } 
      } 
     }) 

     return false; 
    } 

「刪除文檔」按鈕是我遇到的問題。如果任何人都能指引我走向正確的方向，那會很棒。

Answer 1

也許這將幫助你開始..

像這樣的事情會令Ajax調用你的AddEditDocument.aspx頁面，您將提供的代碼從數據庫中刪除該文件。

'Delete Document': function(){ 
    var documentID = $('#<%= rblUserDocument.ClientID %>').children().children().children().find("input:checked").val(); 

    $.ajax({ 
     url: "AddEditDocument.aspx", 
     type: "get", 
     data: {action: "Delete", documentID: documentID}, 
     success: function(){ 
     alert("Document ID# " + documentID + " has been deleted."); 
     // Then maybe remove the document HTML div from page. 
     // $('#Div_of_document').remove(); 
     }, 
     error:function(){ 
     alert("failure"); 
     } 
    }); 
}, 

Answer 2

嘗試下面，你可以保存單選按鈕的ID在一些變量並在以後使用此單選按鈕ID找到最接近行（TR），並刪除它的代碼。

'Delete Document': function(){ 

    var rb = $('#<%= rblUserDocument.ClientID %>').children().children().children().find("input:checked"); 

    var documentID = $(rb).val(); 
    var rbID = $(rb).attr('id'); 

    $.ajax({ 
     url: "AddEditDocument.aspx", 
     type: "get", 
     data: {action: "Delete", documentID: documentID}, 
     success: function(){ 
     alert("Document ID# " + documentID + " has been deleted."); 

//remove whole tr   
$('#'+rbID).closest('tr').remove(); 

     }, 
     error:function(){ 
     alert("failure"); 
     } 
    }); 
},