如何发送对象列表作为对ajax请求的响应

时间:2013-10-16 02:51:09

标签: c# asp.net-mvc

我正在使用 .net MVC 在网站上工作。

在我的主页上,我有一些区域可以列出一些客户的统计数据 由于这些值经常变化,我需要从服务器轮询数据,并计划在一段时间后连续使用 AJAX 请求服务器。

我的问题是:是否可以发送客户端对象列表作为对ajax请求的响应 我有一个名为Client的课程,我正在查看是否可以发送List<Client>作为回复)

任何人都可以提供指南或一些示例链接。

3 个答案:

答案 0 :(得分:3)

您需要在控制器中创建一个JsonResult方法,该方法将对象列表作为json返回,然后您可以使用ajax调用该方法。

所以你的方法看起来像:

[HttpGet]
public JsonResult GetClients(//any arguments sent from the client here)
{
    var clients = //code to get clients
    return Json(new {clients = clients}, JsonRequestBehavior.AllowGet);
}

然后使用jQuery在视图中创建ajax请求:

$.ajax({
    url: //url to access GetClients method e.g. '/home/GetClients',
    method: 'GET',
    data: //any arguments you want to send to the server
    success: function(resp){
        var clients = resp.clients;//get list of clients from the response
        //do stuff with the list of clients
    },
    error: {//code to handle what happens if an error occurs}
});

答案 1 :(得分:1)

试 模型:

public class Car
{
    public int Id { get; set; }
    public string Manufacturer { get; set; }
    public string Model { get; set; }
    public DateTime Year { get; set; }
    public List<Passanger> Passangers { get; set; }
}

public class Passanger
{
    public int Id { get; set; }
    public string Name { get; set; }
}

视图:

@model Car
@using(Html.BeginForm("actionName", "controllerName", FormMethod.Post, new { id = "my-form" }))
{
    @Html.HiddenFor(x => x.Id)
    @Html.TextBoxFor(x => x.Manufacturer)
    @Html.TextBoxFor(x => x.Model)
    @Html.TextBoxFor(x => x.Year)

    for(int i = 0, i < Model.Passangers.Count(), i++)
    {
        @Html.HiddenFor(x => Model.Passangers[i].Id)
        @Html.HiddenFor(x => Model.Passangers[i].Name)
    }

    <input type="button" value="Submit" id="form-submit" />
}

<script type="text/javascript">
    $(document).on('click', '#form-submit', function(){
        $.ajax({
            url: "Car/AddCar",
            type: "POST",
            data: $('form#my-form').serialize(),
            success: function (data)
            {
                alert(data);
                // put the data in the container where you have the form.
            }
        });
    });
</script>

more

答案 2 :(得分:0)

将列表序列化为json, 使用json.net库可以更容易。

http://json.codeplex.com/

在网页上,您可以执行正常操作json数据的任何操作。