AJAX在C#中實(shí)現(xiàn)數(shù)據(jù)的異步驗(yàn)證

在C#中實(shí)現(xiàn)AJAX數(shù)據(jù)異步驗(yàn)證，通常需要使用ASP.NET MVC或Web API。這里我將給出一個(gè)簡單的ASP.NET MVC示例，展示如何使用AJAX進(jìn)行數(shù)據(jù)的異步驗(yàn)證。

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

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

using System.Web.Mvc;

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

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

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

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

<h2>AJAX數(shù)據(jù)異步驗(yàn)證示例</h2>

<form id="validationForm">
   <label for="data">輸入數(shù)據(jù)：</label>
   <input type="text" id="data" name="data" />
   <button type="submit">驗(yàn)證</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>
}

現(xiàn)在，當(dāng)用戶在表單中輸入數(shù)據(jù)并點(diǎn)擊"驗(yàn)證"按鈕時(shí)，AJAX請求將發(fā)送到HomeController的ValidateData方法。該方法將驗(yàn)證數(shù)據(jù)并返回JSON響應(yīng)，其中包含驗(yàn)證結(jié)果?？蛻舳薐avaScript代碼將根據(jù)響應(yīng)更新頁面上的驗(yàn)證結(jié)果。