我該如何去ajax的url button_Click事件？

Question

我想通過ajax去。

我的html代碼：

<a href="#" id="DeleteNews"><i class="fa fa-minus fa-2x borderd" ></i></a> 

我的javascript代碼：

bootbox.dialog({ 
     title: 'Delete News', 
     message: 'Are you sure?', 
     buttons: { 

      submit: { 
       label: "Accept", 
       className: "btn-primary btn-sm", 
       callback: function() { 
        $.ajax({ 
         url: 'News.aspx/DeleteNews_Click', 
         //type: 'post', 
         success: function() { 
          bootbox.alert("Deleted!", function() { 
           location.href = 'News.aspx'; 

          }); 

         } 
        }); 
       } 
      }, 
      cancel: { 
       label: "Cancel", 
       className: "btn-default btn-sm" 
      } 
     } 
    }); 

我在News.aspx.cs事件代碼：

protected void DeleteNews_Click(object sender, EventArgs e) 
    { 
     //some codes... 
    } 

，但它並沒有去DeleteNews_Click。 我該怎麼辦？ 感謝

Answer 1

比方說你有你這樣的頁面上刪除控制：

<asp:Button ID="Delete" runat="server" OnClick="Delete_Click" style="display:none" /> 
<a href="#" id="DeleteNews"><i class="fa fa-minus fa-2x borderd" ></i></a> 

然後，你可以調用後面的代碼像這樣：

$(document).on("click", "#DeleteNews", function (e) { 
    bootbox.dialog({ 
     title: 'Delete News', 
     message: 'Are you sure?', 
     buttons: { 

      submit: { 
       label: "Accept", 
       className: "btn-primary btn-sm", 
       callback: function() { 
        document.getElementById('<%: Delete.ID %>').click(); 
       } 
      }, 
      cancel: { 
       label: "Cancel", 
       className: "btn-default btn-sm" 
      } 
     } 
    }); 
}); 

，並在你後面的代碼可以在消息成功刪除時顯示成功消息：

protected void Delete_Click(object sender, EventArgs e) 
{ 
    // delete the news here 

    if(result == success){ 
     ScriptManager.RegisterClientScriptBlock(this, this.GetType(), 
              "SuccessMessage", 
              @"bootbox.alert('Deleted!', 
                  function() { 
                   location.href = 'News.aspx'; 
                  });", true); 
    } 
}