Passer un tableau à l'action mvc via AJAX

Question

J'essaie de passer un tableau (ou IEnumerable) d'ints via AJAX à une action MVC et j'ai besoin d'un peu d'aide.

le javascript est

$.get('/controller/MyAction', { vals: arrayOfValues }, function (data) {...

et l'action du contrôleur est

public ActionResult MyAction(IEnumerable<int> arrayOfValues )

Pour le moment, la demande est formatée comme suit

controller/MyAction?_=1301503418429&arrayOfValues[]=491&arrayOfValues[]=368&arrayOfValues[]=235&arrayOfValues[]=437

J'y suis presque, si j'enlève les crochets, j'obtiens la bonne réponse. Comment dois-je passer ce tableau dans mon get pour que le contrôleur puisse reconnaître ce qu'il est ?

Merci beaucoup pour votre aide

Dave

Answer 1

Définissez la propriété traditionnelle à true avant de faire l'appel get. C'est-à-dire

jQuery.ajaxSettings.traditional = true

$.get('/controller/MyAction', { vals: arrayOfValues }, function (data) {...

Answer 2

J'ai eu des problèmes dans le passé lorsque j'ai essayé d'exécuter un POST (je ne suis pas sûr que ce soit exactement ce que vous faites, mais je me souviens qu'il s'agissait de passer un tableau, traditionnel doit être mis à true .

 var arrayOfValues = new Array();

 //Populate arrayOfValues 
 $.ajax({ 
      type: "POST",
      url: "<%= Url.Action("MyAction","Controller")%>",
      traditional: true,
      data: { 'arrayOfValues': arrayOfValues }              
 });

Answer 3

Un peu tard, mais différents réponse à celles déjà présentes ici :

Si au lieu de $.ajax vous souhaitez utiliser des fonctions abrégées $.get ou $.post vous pouvez passer des tableaux de cette manière :

GET en abrégé

var array = [1, 2, 3, 4, 5];
$.get('/controller/MyAction', $.param({ data: array }, true), function(data) {});

// Action Method
public void MyAction(List<int> data)
{
    // do stuff here
}

---

POST sténographique

var array = [1, 2, 3, 4, 5];
$.post('/controller/MyAction', $.param({ data: array }, true), function(data) {});

// Action Method
[HttpPost]
public void MyAction(List<int> data)
{
    // do stuff here
}

Notes :

• Le paramètre booléen dans $.param est pour le traditional propriété, qui DOIT être true pour que cela fonctionne .

Answer 4

La réponse qui consiste à utiliser l'option "traditionnelle" est correcte. Je ne fais que fournir quelques informations de base supplémentaires pour ceux qui souhaitent en savoir plus.

Extrait de la documentation de jQuery :

À partir de jQuery 1.8, la méthode $.param() n'utilise plus jQuery.ajaxSettings.traditional comme paramètre par défaut et sera par défaut et prendra la valeur false.

Vous pouvez également lire la suite ici : http://michaelsync.net/2012/04/05/tips-asp-net-mvc-javascriptserializer-3-questions-and-3-answers y http://haacked.com/archive/2008/10/23/model-binding-to-a-list.aspx

HTH

Answer 5

Vous devriez être en mesure de le faire sans problème :

$.ajax({
   url: 'controller/myaction',
   data: JSON.stringify({
      myKey: myArray
   }),
   success: function(data) { /* Whatever */ }
});

Votre méthode d'action serait alors la suivante :

public ActionResult(List<int> myKey)
{
    // Do Stuff
}

Pour vous, il semble que vous ayez juste besoin de stringifier vos valeurs. Le JSONValueProvider de MVC reconvertira ces valeurs en IEnumerable pour vous.