jquery - 从 db 中检索数据并通过 Jquery ajax 显示在视图中

Question

这就是我想要的.. 我想显示数据库中的一些数据并以表格的形式显示在视图中。（之前我在 aspx 中使用 gridview）

我想使用 jquery ajax 来调用该函数，获取数据并将其显示在视图上，而无需刷新页面。

我知道如何从函数中获取字符串并将其显示为标签或其他内容。但我怎样才能做到这一点？

Answer 1

非常简单，如果您使用 .NET，您需要服务器端的 REST 或任何其他服务来访问数据库，您可以创建 Web 服务 SOAP 或 REST 来访问数据库。一旦完成，只需使用 jQuery.ajax() 函数调用它，例如：

$.ajax( "localhost:2277/todos/" )
.done(function(result) {
  result.forEach((item, index) => {
    $('.list').append('<div id="' + item.id + '">' + item.name + '</div>');
  });
})
.fail(function() {
  alert( "error" );
});

Answer 2

JQuery $ajax（或$get简写）方法允许您指定一个成功函数，当控制器的响应返回时将调用该函数。

在成功函数中，你可以对响应做任何你喜欢的事情：在 DOM 中显示它，执行一些其他函数，甚至发出另一个 ajax 请求。

以下是一般结构的示例：

$.ajax({
    type: 'GET',
    url: 'Home/YourUrl',
    success: function (response) {
        // do whatever you want with the response
    }
});

我在我的博客文章Using JQuery AJAX GET with ASP.NET MVC JsonResult中演示了如何使用响应来显示 DOM 中的值。