C# 中使用ajax将数据库中数据展示在前端

在C#中使用AJAX获取数据库数据并显示在前端，通常需要配合服务器端技术和前端库（如ASP.NET MVC或Web API）。以下是一个基本步骤的示例：

**服务器端（ASP.NET MVC）**:

首先，在控制器（例如Home Controller）中创建一个Action，比如`GetUsers()`，它使用ADO.NET或Entity Framework从数据库中检索数据。

using System.Web.Mvc;

public class HomeController : Controller
{
    public JsonResult GetUserList()
    {
        List<User> users = db.Users.ToList(); // db是上下文对象，连接到数据库
        return Json(users, JsonRequestBehavior.AllowGet); // 返回JSON格式的数据
    }
}

这里我们假设`User`是模型类，`db`是DbContext实例。

**前端（JavaScript / jQuery AJAX）**:

然后在前端HTML页面上，通过AJAX发起GET请求，并处理返回的JSON数据。

<button id="getData">加载数据</button>
<div id="usersList"></div>

<script>
$(function () {
    $('#getData').click(function () {
        $.ajax({
            url: '@Url.Action("GetUserList", "Home")', // 这是你的URL路由
            type: 'GET',
            dataType: 'json',
            success: function (data) {
                var userList = '';
                for (var i = 0; i < data.length; i++) {
                    userList += '<li>' + data[i].Name + '</li>';
                }
                $('#usersList').html(userList);
            },
            error: function (error) {
                console.error('加载数据失败:', error);
            }
        });
    });
});
</script>

这个例子中，当你点击"加载数据"按钮，前端会向服务器请求用户列表数据，成功后将数据显示在`<ul>`元素中。