Envoie un tableau en POST

Version imprimable

Bonjour,

Sur mon site en ASP.Net MVC, j'essaye d'envoyer le contenu d'un tableau dans une fonction en utilisant un POST mais rien n'arrive et je ne comprends pas pourquoi.

Ma classe :

Code:

1
2
3
4
5
6
7
8
9
public class AdresseIP
    {
        public int? Idclient { get; set; }
        public int? ip1 { get; set; }
        public int? ip2 { get; set; }
        public int? ip3 { get; set; }
        public int? ip4 { get; set; }
        public int? idplan { get; set; }
    }

Ma fonction (vide pour le moment) :

Code:

1
2
3
4
5
        [HttpPost]
        public ActionResult MAJIP(List<AdresseIP> lst)
        {
            return View(1);
        }

La méthode que j'utilise pour envoyer le tableau depuis ma page :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 function Valider(tableID) {
        console.log("test " + tableID);
        var IPs = new Array();
        $("#" + tableID + " TBODY TR").each(function () {
            var row = $(this);
            var IP = {};
            IP.Idclient = row.find("TD").eq(0).text();
            IP.idplan = row.find("TD").eq(1).text();
            IP.ip1 = row.find("TD").eq(2).text();
            IP.ip2 = row.find("TD").eq(3).text();
            IP.ip3 = row.find("TD").eq(4).text();
            IP.ip4 = row.find("TD").eq(5).text();
            IPs.push(IP);
 
        });
 
 IPs = JSON.stringify({ 'IPs': IPs });
        console.log(IPs);
        $.ajax({
            type: "POST",
            url: "/IP/MAJIP/",
            data: JSON.stringify(IPs),
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (r) {
                alert(r);
                if (r == 1) {
                    console.log('test1 ' + r)
                } else {
                    console.log('test2 ' + r);
                }
 
            }
        });
    }

Le console.log(IPs); affiche bien le contenu du tableau..

Il y a peut être des méthodes plus efficaces mais je n'en connais pas.

Quand je valide, ma fonction reçoit un null. Pourtant tous mes console.log(IPs); renvoient la valeur attendue.

Du coup, là je ne sais pas.

Une idée SVP ?

25/07/2022, 15h28
iR3SH

Une fois l'avoir serializer en JSON tu obtiens un String que tu dois Déserializer en Tableau or tu cherches directement à récupérer un tableau dans ton controller
26/07/2022, 10h51
hageshii

Merci pour ton retour.

Etant débutant dans ce domaine, je n'ai pas trop compris et je m'en excuse.

Qu'entends du par "Déserializer en Tableau" ?

J'ai testé la solution ci-dessous mais je reçois toujours un null.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
console.log(JSON.parse(JSON.stringify(IPs)));
        IPs2 = JSON.parse(JSON.stringify(IPs));
        console.log(IPs2);
 
 
        $.ajax({
            type: "POST",
            url: "/IP/MAJIP/",
            data: IPs2,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (r) {
                alert(r);
                if (r == 1) {
                    console.log('test1 ' + r)
                } else {
                    console.log('test2 ' + r);
                }
 
            }
        });
    }

En gros, dans ton contrôleur, quand tu récupères t'as variable au lieux de faire :

Code:

public ActionResult MAJIP(List<AdresseIP> lst)

Tu vas mettre :

Code:

public ActionResult MAJIP(string lst)

Puis dans ton javascript :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 $.ajax({ type: "POST", url: "/IP/MAJIP/", data: {'lst' : JSON.stringify(IPs)}, contentType: "application/json; charset=utf-8", dataType: "json", success: function (r) { alert(r); if (r == 1) { console.log('test1 ' + r) } else { console.log('test2 ' + r); } } });
Ce que tu fais avec le Javascript c'est que tu vas retranscrire ton array en chaîne de caractères (string) donc tu ne peux pas récupérer de List dans ton controlleur si ton array est devenu un string.

Pour le remettre en list il te suffit de compléter comme ceci ta fonction dans ton controlleur :
Code:

1 2 3 4 public ActionResult MAJIP(string lst) { List<AdresseIP> maList = JsonSerializer.Deserialize<List<AdresseIP>>(lst); }

Réponse

Bonjour,

Ta réponse m'a bien aidé !

La méthode que j'emploie maintenant c'est :
Code:

1 2 3 $.post('@Url.Action("MAJGroupe", "UserDroits")', { lst: JSON.stringify(Users) }, function(data) { })
Et à la réception
Code:

1 2 3 4 public ActionResult MAJGroupe(string lst) { List<UserGroupMAJ> maList = JsonSerializer.Deserialize<List<UserGroupMAJ>>(lst); }
Cette méthode me débloque sur plein de choses alors MERCI !