Envoyer liste/tableau comme paramètre avec jQuery getJson

J'ai le texte suivant où je suis en train d'envoyer la liste/tableau de MVC méthode de contrôleur:

var id = [];
var inStock = [];

$table.find('tbody>tr').each(function() {
    id.push($(this).find('.id').text());
    inStock.push($(this).find('.stocked').attr('checked'));
});

var params = {};
params.ids = id;
params.stocked = inStock; 

$.getJSON('MyApp/UpdateStockList', params, function() {
    alert('finished');
});

dans mon contolleur:

public JsonResult UpdateStockList(int[] ids, bool[] stocked) { }

les deux paramètres sont nuls.

Remarque que si je change les paramètres pour les éléments simples

params.ids = 1;
params.stocked = true; 

public JsonResult UpdateStockList(int ids, bool stocked) { }

il fonctionne ok, donc je ne pense pas que c'est un problème de routage.

InformationsquelleAutor fearofawhackplanet | 2010-09-09
  1. 39

    Essayer de régler le traditional drapeau:

    $.ajax({
    url: '/home/UpdateStockList',
    data: { ids: [1, 2, 3], stocked: [true, false] },
    traditional: true,
    success: function(result) {
        alert(result.status);
    }
});

    fonctionne très bien avec:

    public ActionResult UpdateStockList(int[] ids, bool[] stocked)
{
    return Json(new { status = "OK" }, JsonRequestBehavior.AllowGet);
}
    • génie, je vous remercie! Il semble y avoir un bug dans getJson avec 1.4.2, voir forum.jquery.com/topic/...
    • Ce n'est pas un bug. C'est une modification importante de la précédente version. C'est pourquoi ils ont introduit la traditional paramètre.
    • i love you, man
    InformationsquelleAutor Darin Dimitrov
  2. 22

    En plus de l'appel de .ajax() au lieu de .getJSON() que Darin suggère ou de réglage de la global jQuery.ajaxSettings.traditional à true comme jrduncans l'indique, vous pouvez également passer le résultat de l'appel d' le jQuery .param() function sur votre params objet:

    var id = [];
var inStock = [];

$table.find('tbody>tr').each(function() {
    id.push($(this).find('.id').text());
    inStock.push($(this).find('.stocked').attr('checked'));
});

var params = {};
params.ids = id;
params.stocked = inStock; 

$.getJSON('MyApp/UpdateStockList', $.param(params, true), function() {
    alert('finished');
});
    • Ce doit être la accepté de répondre.
    • Ouais, je suis d'accord. Alors que Darin, a souligné le traditionnel drapeau (vous êtes génial, ne vous méprenez pas), cette réponse vous permettra d'utiliser getJson, qui est ce que l'OP voulait.
    InformationsquelleAutor hippietrail
  3. 6

    Malheureusement, alors qu'il semble que jquery fournit un "traditionnel" drapeau " pour activer ou désactiver ce comportement sur jQuery.ajax, ce n'est pas sur jQuery.getJSON. Un moyen de contourner ce problème pourrait être de définir l'indicateur à l'échelle mondiale:

    jQuery.ajaxSettings.traditionnelle = true;

    Consultez la documentation de jQuery.param: http://api.jquery.com/jQuery.param/
    Voir aussi les notes de version de ce changement: http://jquery14.com/day-01/jquery-14 (de la recherche pour "traditionnel")

    InformationsquelleAutor jrduncans
  4. 0

    Dans la vue, de générer des plusieurs champs nommés (pas id, comme id doit être unique par domaine), notant l'utilisation de Name ne sont pas name:

    @foreach (var item in Model.SomeDictionary)
{
    @Html.TextBoxFor(modelItem => item.Value.SomeString, new { Name = "someString[]" })
}

    Puis récupérer le champ de saisie de valeurs à l'aide de jQuery, donc:

    var myArrayValues = $('input[name="someString[]"]').map(function () { return $(this).val(); }).get();

    Vous pouvez l'utiliser directement en jQuery /AJAX comme suit:

    $.ajax({
    type: "POST",
    url: "/MyController/MyAction",
    dataType: 'json',
    data: {
        someStrings: $('input[name="someString[]"]').map(function () { return $(this).val(); }).get(),
        someDates: $('input[name="someDate[]"]').map(function () { return $(this).val(); }).get(),

    Puis dans l'action du contrôleur MVC:

    [HttpPost]
public JsonResult MyAction(string[] someStrings, DateTime[] someDates...
    InformationsquelleAutor SharpC