如何使用Ajax在MVC中显示数据库中的列表

时间:2009-10-15 08:00:07

标签: jquery ajax asp.net-mvc

在查看用户页面上显示列表中的用户列表,我想通过选择同一页面中的(最近用户)下拉列表来显示最近的用户。现在我正在使用post动作获取值并绑定列表它获得整页加载但我想用Ajax与Jquery选项在同一个视图页面中显示数据列表任何一个请帮我代码

2 个答案:

答案 0 :(得分:1)

便捷的例子

http://www.dev102.com/2008/04/30/call-aspnet-webmethod-from-jquery/ http://www.dexign.net/post/2008/07/16/jQuery-To-Call-ASPNET-Page-Methods-and-Web-Services.aspx

我将为您提供一个应该采取的步骤的小例子。

首先在您的页面中,您将调用Web方法:

 var objectData;  //Some variable you feel with the retrieved data

//function that calls your web method to retrieve the needed data.
  getUsers: function() {    
   $.post("<%=ResolveUrl("~/GetUsers/")%>", //GetUsers is your web method
        {
           Date: '',           //Fill here parameters needed by your web method

        }, function(msg) {
                objectData = msg;                   

      });      
    } 

当然,您可以根据需要使用数据(显示,格式化等)

然后你必须编写你的网络方法。我不会写这个方法,只是举个例子。

    //Code - (example is given in C#)


    [System.Web.Services.WebMethod]
    [System.Web.Script.Services.ScriptMethod(ResponseFormat = System.Web.Script.Services.ResponseFormat.Json)]
            public string GetUsers(DateTime date) //date is the parameter you pass the web method with the json call
            {
    // Retrieve data

    return ""; //return the desired result
    }

答案 1 :(得分:0)

jqGrid和asp.net MVC一起玩得很好。你可能想看看哈克先生的博客:here