Transmettre un tableau en paramètre (Ajax/Jquery)

**maxwel56** · 22/05/2012, 16h42

Bonjour tout le monde, je voudrais savoir s'il est possible de passer un tableau en paramètre de $.ajax.
J'ai essayé de le faire comme ceci, mais cela ne fonctionne pas ou il me manque peut être quelque chose dans ma fonction php.

Voici mon code js :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
function ConfirmMessage(zones) {
    if (confirm("Etes-vous sûr de vouloir sauvegarder les modifications ?")) {
         var tab = new Array(); 
	for(var i=0;i<zones.length;i++) {
                var name = zones[i];
                var nom = "zone"+name;
    	       var top = document.getElementById(nom).style.top;
    	       var left = document.getElementById(nom).style.left;
    	       var width = document.getElementById(nom).style.width;
    	       var height = document.getElementById(nom).style.height;
 
                tab[i] = new Array();
                tab[i]['nom'] = nom;
                tab[i]['top'] = top;
                tab[i]['left'] = left;
                tab[i]['width'] = width;
                tab[i]['height'] = height; 
 
                jQuery.ajax({
                    type: "POST",
                    url: "update_product_sheet",
                    data: { tab: tab }
                }).done(function( msg ) {
                    alert( "Data Saved: " + msg );
                });           	
    }
}

et mon code php :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
function custom_function(){
    $tab = $_POST['tab'];
 
}

**SpaceFrog** · 22/05/2012, 16h46

essaye

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 data: { "tab": tab }

**Bovino** · 22/05/2012, 16h50

Non. Tu ne peux pas.
AJAX transmet des informations via le protocole HTTP qui ne reconnait pas les types.
Seules des données textuelles peuvent transiter via AJAX.

**SpaceFrog** · 22/05/2012, 16h55

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

data: { "tab": tab.serialisze() }

**maxwel56** · 22/05/2012, 16h55

du coup l'alternative c'est d'appeler plusieurs fois la méthode ajax?

**SpaceFrog** · 22/05/2012, 17h02

Non
et je raconte n'importe quoi avec le serialize ()

regarde plutot du cote du json ...

**maxwel56** · 22/05/2012, 17h22

comment en javascript on peut convertir un tableau en json?

**SpaceFrog** · 22/05/2012, 17h25

jette un oeil sur JSON.stringify()

**maxwel56** · 22/05/2012, 17h51

comme ceci?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
function ConfirmMessage(zones) {
 
    if (confirm("Etes-vous sûr de vouloir sauvegarder les modifications ?")) {
 
            var arrZones = new Array();
 
    		for(var i=0;i<zones.length;i++) {
                var name = zones[i];
    			var nom = "zone"+name;
    			var top = document.getElementById(nom).style.top;
    			var left = document.getElementById(nom).style.left;
    			var width = document.getElementById(nom).style.width;
    			var height = document.getElementById(nom).style.height;
 
                var array = new Array(nom, top, left, width, height); 
                arrZones[i] = new Array();
                arrZones[i] = array;
 
            }
 
            var jsonStr = JSON.stringify(arrZones); 	
    }
}

**maxwel56** · 22/05/2012, 19h11

J'ai tenté ça mais ça ne fonctionne pas

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var arrZones = new Array();      
    		for(var i=0;i<zones.length;i++) {
                var name = zones[i];
    		var nom = "zone"+name;
 
                arrZones[i] = new Array();
                arrZones[i]['name'] = "zone"+name;
                arrZones[i]['top'] = document.getElementById(nom).style.top;
                arrZones[i]['left'] = document.getElementById(nom).style.left;
                arrZones[i]['width'] = document.getElementById(nom).style.width;
                arrZones[i]['height'] = document.getElementById(nom).style.height;
            }
 
            var jsonStr = JSON.stringify(arrZones);

**maxwel56** · 22/05/2012, 22h49

voici mon code js :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
 
function ConfirmMessage(zones) {
    if (confirm("Etes-vous sûr de vouloir sauvegarder les modifications ?")) {
 
            var jsonObjects = [];
            var name;
            var nom;
            var top;
            var left;
            var width;
            var height;
 
            for (var i = 0; i < zones.length; i++) {
 
                name = zones[i];
                nom = "zone"+name;
                top = document.getElementById(nom).style.top;
                left = document.getElementById(nom).style.left;
                width = document.getElementById(nom).style.width;
                height = document.getElementById(nom).style.height;
 
                var jsonObj1 = {};
                jsonObj1.name = nom;
                jsonObj1.top = top;
                jsonObj1.left = left;
                jsonObj1.width = width;
                jsonObj1.height = height;
 
                jsonObjects.push(jsonObj1);
 
            }
            var data = JSON.stringify(jsonObjects);
 
            jQuery.ajax({
                    type: "POST",
                    url: "update_product_sheet",
                    data: data,
                    dataType: "json",
                    success: function (msg) {
                    if (msg.error === 'OK') {
                        alert('SUCCESS')
                    } 
                    else {
                        alert('ERROR' + msg.error)
                    }
            }
 
                }).done(function(msg) {
                    alert( "Data Saved: " + msg );
                });
 
    }
}

et j'ai cette erreur sur firebug : JSON.parse: unexpected character

**SpaceFrog** · 23/05/2012, 08h39

Une première remarque concernant le choix des noms de tes variables ...
Utiliser des noms comme name height etc, c'est chercher les ennuis

Utilise plutôt des nom comme myname voir $name afin que js ne s’emmêle pas les crayons entre des noms de variables et des propriétés !

Ensuite :
Tu as

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 dataType: "json",

Que te retourne la page de traitement ?

**maxwel56** · 23/05/2012, 08h57

J'ai pris en compte ta remarque concernant les noms de propriétés. Je me demande si cela ne vient pas d'un problème avec les caractères spéciaux.
Quand je regarde ce que j'ai en post sur firebug cela s'affiche correctement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

[{"nom":"zoneTitre","haut":"10px","gauche":"3px","largeur":"376px","hauteur":"56px"},{"nom":"zoneDescription","haut":"67px","gauche":"4px","largeur":"200px","hauteur":"261px"},{"nom":"zoneAutres","haut":"334px","gauche":"4px","largeur":"376px","hauteur":"50px"},{"nom":"zoneImage2","haut":"67px","gauche":"206px","largeur":"","hauteur":"261px"},{"nom":"zoneSuggestion","haut":"353px","gauche":"398px","largeur":"","hauteur":"32px"},{"nom":"zoneBouton","haut":"11px","gauche":"546px","largeur":"18px","hauteur":"18px"},{"nom":"zoneCaracTechnique","haut":"109px","gauche":"375px","largeur":"178px","hauteur":"134px"},{"nom":"zoneplusProduits","haut":"0px","gauche":"373px","largeur":"178px","hauteur":"134px"},{"nom":"zoneTarif","haut":"219px","gauche":"376px","largeur":"178px","hauteur":"134px"}]:

En réponse, j'ai null.

**SpaceFrog** · 23/05/2012, 09h05

Dans la console firebug la reponse est null ???
c'est que ta page de traitement ne renvoie rien ...

on peut voir le code de la page de traitement qui retourne la réponse ?

**maxwel56** · 23/05/2012, 09h46

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
function custom_ajax_function(){
    $json = json_decode($POST['data']);
 
    var_dump($json);
    exit();
...
}

**SpaceFrog** · 23/05/2012, 09h48

Je comprends mieux ...
ce n'est pas un var_dump mais un json_encode qu'il faut faire
ton js n'arrive pas à interpréter le var_dump comme un string json, alors qu'il pourra si tu fais un json_encode

**maxwel56** · 23/05/2012, 10h10

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.done(function(msg) {
                    alert( "Data Saved: " + msg );
                });

désormais avec cette partie de js :
j'ai ce message dans une alert
data saved : null

**SpaceFrog** · 23/05/2012, 10h15

c'est quoi ce done ?
tu peux pas tout mettre dans le Success ?

**maxwel56** · 23/05/2012, 10h31

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
jQuery.ajax({
                    type: "POST",
                    url: "update_product_sheet",
                    data: data,
                    dataType: "json",
                    success: function(data, textStatus, jqXHR) {
                        alert("sucess : "+data);
                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                        alert("error : "+jqXHR);
                    }
 
                });

il m'affiche sucess : null