C# ASP.NET復(fù)選框的異步加載

在ASP.NET Web Forms中，使用C#實(shí)現(xiàn)復(fù)選框的異步加載可以通過以下步驟完成：

1. 在ASP.NET Web Forms頁面中添加一個(gè)復(fù)選框和一個(gè)按鈕。

<asp:CheckBox ID="CheckBox1" runat="server" Text="異步加載" OnClick="CheckBox1_Click" />
<asp:Button ID="Button1" runat="server" Text="加載數(shù)據(jù)" OnClick="Button1_Click" />
<div id="result"></div>

2. 在C#代碼中，創(chuàng)建一個(gè)方法來處理復(fù)選框的點(diǎn)擊事件，以異步加載數(shù)據(jù)。

protected void CheckBox1_Click(object sender, EventArgs e)
{
    // 異步加載數(shù)據(jù)的邏輯
}

3. 在CheckBox1_Click方法中，使用ScriptManager和UpdatePanel來實(shí)現(xiàn)異步請求。

protected void CheckBox1_Click(object sender, EventArgs e)
{
    ScriptManager.RegisterStartupScript(this, this.GetType(), "AsyncLoad", "loadData();", true);
}

4. 創(chuàng)建一個(gè)JavaScript函數(shù)loadData，用于異步加載數(shù)據(jù)。

<script type="text/javascript">
    function loadData() {
        var checkBox = document.getElementById('<%= CheckBox1.ClientID %>');
        if (checkBox.checked) {
            // 異步加載數(shù)據(jù)的邏輯
            $.ajax({
                type: "POST",
                url: "YourUrl", // 你的URL，用于處理異步請求
                data: "{}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function(response) {
                    // 處理成功的邏輯
                    var resultDiv = document.getElementById("result");
                    resultDiv.innerHTML = response.d;
                },
                failure: function(response) {
                    // 處理失敗的邏輯
                },
                error: function(response) {
                    // 處理錯(cuò)誤的邏輯
                }
            });
        } else {
            // 清空結(jié)果
            var resultDiv = document.getElementById("result");
            resultDiv.innerHTML = "";
        }
    }
</script>

5. 在服務(wù)器端，創(chuàng)建一個(gè)方法來處理異步請求。

[WebMethod]
public static string LoadData()
{
    // 異步加載數(shù)據(jù)的邏輯
    // 返回?cái)?shù)據(jù)
    return "異步加載的數(shù)據(jù)";
}

6. 為了使WebMethod能夠被調(diào)用，需要在ScriptManager中啟用異步請求。

<asp:ScriptManager ID="ScriptManager1" runat="server" EnableAsyncPostBack="true" />

現(xiàn)在，當(dāng)用戶點(diǎn)擊復(fù)選框并點(diǎn)擊按鈕時(shí)，將異步加載數(shù)據(jù)并顯示在頁面上。