AJAX在C#中實現數據的異步驗證

在C#中實現AJAX數據異步驗證，通常需要使用ASP.NET MVC或Web API。這里我將給出一個簡單的ASP.NET MVC示例，展示如何使用AJAX進行數據的異步驗證。

1. 首先，創建一個ASP.NET MVC項目。在Visual Studio中，選擇"File" > “New” > “Project”，然后選擇"ASP.NET Web Application (.NET Framework)"模板。

2. 添加一個新的控制器，例如HomeController。在該控制器中，添加一個名為ValidateData的方法，該方法將處理AJAX請求：

using System.Web.Mvc;

public class HomeController : Controller
{
    [HttpPost]
    public JsonResult ValidateData(string data)
    {
        // 在這里執行數據驗證邏輯
        bool isValid = !string.IsNullOrEmpty(data);

        return Json(new { success = isValid, message = isValid ? "數據有效" : "數據無效" });
    }
}

3. 在Views/Home文件夾下創建一個名為Index.cshtml的視圖。在該視圖中，添加一個表單和一個按鈕，以及一個用于顯示驗證結果的元素：

@{
    ViewBag.Title = "Home Page";
}

<h2>AJAX數據異步驗證示例</h2>

<form id="validationForm">
   <label for="data">輸入數據：</label>
   <input type="text" id="data" name="data" />
   <button type="submit">驗證</button>
</form>

<div id="result"></div>

@section Scripts {
   <script src="~/Scripts/jquery-3.6.0.min.js"></script>
   <script>
        $(document).ready(function () {
            $("#validationForm").on("submit", function (e) {
                e.preventDefault();

                var data = $("#data").val();

                $.ajax({
                    url: "/Home/ValidateData",
                    type: "POST",
                    dataType: "json",
                    data: { data: data },
                    success: function (response) {
                        if (response.success) {
                            $("#result").html("<span style='color:green;'>" + response.message + "</span>");
                        } else {
                            $("#result").html("<span style='color:red;'>" + response.message + "</span>");
                        }
                    },
                    error: function () {
                        $("#result").html("<span style='color:red;'>請求失敗，請重試。</span>");
                    }
                });
            });
        });
    </script>
}

現在，當用戶在表單中輸入數據并點擊"驗證"按鈕時，AJAX請求將發送到HomeController的ValidateData方法。該方法將驗證數據并返回JSON響應，其中包含驗證結果。客戶端JavaScript代碼將根據響應更新頁面上的驗證結果。