1

私は.net MVCを使用して Web サイト don で作業しています。

私のホームページには、クライアントの統計をリストする領域があります。
これらの値は頻繁に変更されるため、サーバーからデータをポーリングする必要があり、一定の間隔をおいてサーバーへのAJAX要求を継続的に使用する予定です。

私の質問は: ajax リクエストへの応答としてクライアント オブジェクトのリストを送信することは可能ですか。
というクラスがあり、応答として Client送信できるかどうかを探しています)List<Client>

ガイドラインやサンプルリンクを教えてください。

4

3 に答える 3

3

オブジェクトのリストをjsonとして返すJsonResultメソッドをコントローラーに作成する必要があり、その後、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}
});
于 2013-10-16T07:56:49.607 に答える
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>

もっと

于 2013-10-16T02:54:36.423 に答える