Publication d'un tableau d'objets JSON dans la méthode d'action MVC3 via jQuery ajax

Le modèle de liaison pas de suport des tableaux d'objets JSON? Le code ci-dessous fonctionne lors de l'envoi d'un JSON unique objet de domaine dans le cadre de l'ajax post. Cependant, lors de l'envoi d'un tableau JSON objets du domaine, l'action de paramètre est null.

     var domains = [{
                        DomainName: 'testt1',
                        Price: '19.99',
                        Available: true
                    }, {
                        DomainName: 'testt2',
                        Price: '15.99',
                        Available: false
                    }];

                $.ajax({
                    type: 'POST',
                    url: Url.BasketAddDomain,
                    dataType: "json",
                    data: domains,
                    success: function (basketHtml) {

                    },
                    error: function (a, b, c) {
                        alert('A problem ocurred');
                    }
            });

C'est la méthode d'action:

public ActionResult AddDomain(IEnumerable<DomainBasketItemModel> domain)
{
    ...

Des idées si il est possible de faire cela?

MODIFIER

@Milimetric

Votre solution fonctionne! Cependant, c'est de ma faute, mais le code que j'ai montré n'est pas le vrai code de mon problème, j'ai essayé de montrer le code équivalent qui est plus facile à comprendre.

Je suis actuellement à la création d'un tableau, puis interating certains éléments du DOM et de pousser un objet JSON sur le tableau, puis l'affichage de ce tableau que les données...

var domains = [];

                $(this).parents('table').find('input:checked').each(function () {
                    var domain = {
                        DomainName: $(this).parent().parent().find('.name').html(),
                        Price: $(this).parent().parent().find('.price span').html(),
                        Available: $(this).parent().parent().find('.available').html() == "Available"
                    }

                    domains.push(domain);
                });

                $.ajax({
                    type: 'POST',
                    url: Url.BasketAddDomain,
                    dataType: "json",
                    data: { domain: domains },
                    success: function (basketHtml) {

                    },
                    error: function (a, b, c) {
                        alert('A problem ocurred');
                    }
                });

source d'informationauteur jcvandan

  1. 31

    Vous avez besoin:

    var domains = { domains: [... your elements ...]};

            $.ajax({
                type: 'post',
                url: 'Your-URI',
                data: JSON.stringify(domains),
                contentType: "application/json; charset=utf-8",
                traditional: true,
                success: function (data) {
                    ...
                }
            });

    En général, consultez l'objet de la Requête dans le débogueur, vous verrez ce qui est passé et se faire une idée de la façon de "parler" HTTP.

    NOTE: je Viens de trouver ce out. Le modèle de liaison des bobines sur les valeurs null décimales propriétés comme:

    public decimal? latitude { get; set; }

    De sorte qu'il ne se lient pas que si vous postez une chaîne json qui ressemble à ceci:

    {"latitude":12.0}

    Mais il ne fonctionnera que si vous postez quelque chose comme ceci:

    {"latitude":"12.0"}

    Voir: http://syper-blogger.blogspot.com/2011/07/hello-world.html

  2. 1

    J'ai eu un problème similaire. Pour le résoudre, j'ai pris une approche légèrement différente. Au lieu d'un objet JSON, j'ai utilisé des tableaux de forme cachée variables. Tant que les noms de variables appariées, la liaison de modèle a fonctionné comme un charme.

    function AddDomainBasket(domainName, price, available) {

    if ( typeof AddDomainBasket.counter == 'undefined' ) {
        AddDomainBasket.counter = 0;
    }

    $("#some_form").append('<input type="hidden" name="[' + AddDomainBasket.counter + '].DomainName" value="' + domainName_index + '" />');
    $("#some_form").append('<input type="hidden" name="[' + AddDomainBasket.counter + '].Price" value="' + price + '" />');
    $("#some_form").append('<input type="hidden" name="[' + AddDomainBasket.counter + '].Available" value="' + available + '" />');

    ++AddDomainBasket.counter;
}

    Et ensuite soumettre le serlialized forme

    $(this).parents('table').find('input:checked').each(function () {
    AddDomainBasket($(this).parent().parent().find('.name').html(),
                    $(this).parent().parent().find('.price span').html(),
                    $(this).parent().parent().find('.available').html() ==   "Available");
                }
            });

$.ajax({
    type: 'POST',
    url: Url.BasketAddDomain,
    data: $('#some_form').serialize(),
    success: function (basketHtml) {
        },
        error: function (a, b, c) {
            alert('A problem ocurred');
    }
});