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

时间:2016-06-02 01:52:10

标签: jquery asp.net-mvc jquery-ajaxq

这就是我想要的...... 我想从数据库中显示一些数据,并以表格的形式显示在视图中。 (早些时候我在aspx中使用了gridview)

我想使用jquery ajax来调用函数,获取数据并在视图上显示它而不需要页面刷新。

我知道如何从函数中获取字符串并将其显示为标签或其他内容。但我怎么能实现这个目标呢?

2 个答案:

答案 0 :(得分: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" );
});

答案 1 :(得分:0)

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中的值。