Passage d'un tableau avec $.get()

Version imprimable

1 pièce(s) jointe(s)

Bonjour à tous, je suis actuellement en train de travailler sur un projet de stage, et je rencontre un petit souci.
J'ai une partie JavaScript (avec JQuery) qui fait appel à $.get() pour appeler un script PHP qui est censé modifier une base de donnée (MySQL).
Le problème c'est que je souhaite passer un tableau de valeurs... Et même avec des tests basiques, ça bloque...

Du côté JavaScript :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 function saveInfos() { var descriptionArray = new Array; descriptionArray[0] = null; descriptionArray[1] = $("#description1").val(); descriptionArray[2] = $("#description2").val(); descriptionArray[3] = $("#description3").val(); $("#form").submit(function( event ) { console.log( $( this ).serializeArray() ); event.preventDefault(); }); $.get( "http://localhost/glpi/plugins/monplugin/Smarty/templates/saveInfos.php?numTask="+(numTask-1)+"descriptionArray="+descriptionArray, function(data) { alert(data); }); }
Du côté PHP :
Code:

1 2 3 4 5 6 7 8 9 10 if(isset($_GET["numTask"])) $numTask = $_GET["numTask"]; echo $numTask; if(isset($_GET["descriptionArray"])){ $descriptionArray = unserialize($_GET["descriptionArray"]); } for($i=1; $i<$numTask; $i++) { echo $descriptionArray[$i]; echo "\n"; }
Quand je rentre les valeurs "un", "deux", "trois", respectivement aux indices 1, 2 et 3 de mon tableau, et que je test le ficheir PHP, je tombe sur cette erreur:

Pièce jointe 175397

Après quelques recherches sur le net, j'ai trouvé .serialize() pour le JS (JQuery) et unserialize du côte PHP, mais ça ne fonctionne pas, dans la console du navigateur je retrouve une erreur si j'ajoute cette ligne à au JS:

Code:

var tab = descriptionArray.serialize();

Erreur :

Code:

Uncaught TypeError: undefined is not a function

Si vous pouviez m'aider, c'est peut être tout bête mais ça commence à me ******!
Merci de votre patience, bonne journée. ;)

PS: Si un admin pouvait déplacer mon message dans la partie "Language", ça serait plus approprié je pense... Désolé du dérangement.

$.get() accepte 4 paramètres

Code:

$.get( url [, data ] [, success ] [, dataType ] )

passe un json array en paramètre data
Code:

1 2 3 4 5 mydata= {"numTask" : numTask-1, "descriptionArray" : descriptionArray }; $.get( "http://localhost/glpi/plugins/monplugin/Smarty/templates/saveInfos.php, mydata , function(data) { alert(data); });
https://api.jquery.com/jquery.get/

20/04/2015, 10h59
Darkauron

Bonjour,

Je ne connais pas $.get (ou plutôt je ne l'ai jamais utilisé), mais d'après la doc JQuery, si tu veux passer tes paramètres à $.get(), c'est de cette manière :

Code:

$.get( "test.php", { name: "John", time: "2pm" } );

et pour un tableau, qui correspondra encore mieux à ton cas :

Code:

$.get( "test.php", { "choices[]": ["Jon", "Susan"] } );

En espérant que cela t'aide.

Darkauron

Un "&" manquant dans l'url.. J'avoue j'ai un peu honte là...

Malheureusement, une erreur persiste... J'ai modifié un peu mon code :

JavaScript :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function saveInfos() {
 
        var descriptionArray = new Array;
        descriptionArray[0] = null;
 
        descriptionArray[1] = $("#description1").val();
        descriptionArray[2] = $("#description2").val();
        descriptionArray[3] = $("#description3").val();
 
 
        $.get( "http://localhost/glpi/plugins/monplugin/Smarty/templates/saveInfos.php?numTask="+numTask+"&descriptionArray="+descriptionArray, function(data) {
        alert(data);
     });
}

Côté PHP:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
if(isset($_GET["numTask"]))
    $numTask = $_GET["numTask"];
 
echo "Nombre de taches : ".$numTask."<br/>";
 
 
if(isset($_GET["descriptionArray"]))
{
    $descriptionArray = $_GET["descriptionArray"];
}
 
echo $descriptionArray[1];
echo $descriptionArray[2];
echo $descriptionArray[3];
echo $descriptionArray[4];
echo $descriptionArray[5];

Ce code m'affiche :

http://www.luckystrike.fr/PROJECTS/GLPI/Capture2.PNG

Mais ce code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
if(isset($_GET["numTask"]))
    $numTask = $_GET["numTask"];
 
echo "Nombre de taches : ".$numTask."<br/>";
 
 
if(isset($_GET["descriptionArray"]))
{
    $descriptionArray = $_GET["descriptionArray"];
}
 
 
echo "Mon tableau : \n";
$max = sizeof($descriptionArray);
for ($i=1; $i<$max; $i++) {
    echo $i;
    echo $i." : ".$descriptionArray[$i]."\n";
}

ne m'affiche rien.

Chaque case de mon tableau contient une lettre, y'a-t'il un moyen de remettre chaque mot dans une case pour faciliter l'exploitation de mon tableau ?

Cordialement.

20/04/2015, 11h04
DevSpike

Mon message est parti trop vite, pas eu le temps de lire vos réponses, merci je pense qu'en passant un tableau au format JSON ça devrait fonctionner.
Je teste et je vous tiens au courant.;)

Merci de votre rapidité.

On dirait que l’URL ne fonctionne plus.

Ce code:
Code:

1 2 3 4 var mydata = {"numTask" : numTask-1, "descriptionArray" : descriptionArray }; $.get("http://localhost/glpi/plugins/monplugin/Smarty/templates/saveInfos.php", mydata, function(data) { alert(data); });
me renvoi vers "http://localhost/glpi/front/alert('test')?" qui n'existe pas bien entendu.

Une idée ? :?

20/04/2015, 11h29
Darkauron

Je sais pas si c'est lié, et je pense que non, mais pour la déclaration de ton tableau dans la fonction $.get, tu devrais ajouter des [] comme indiqué dans la doc JQuery :

Code:

var mydata = {"numTask" : numTask-1, "descriptionArray[]" : descriptionArray };

A vérifier.

Darkauron
20/04/2015, 11h39
DevSpike

Même chose en an ajoutant [], je comprend pas cette redirection...
Où va-t'il chercher un chemin pareil ?
20/04/2015, 11h42
SpaceFrog

il est lancé ou ce get ? sur une balise a ?

Dans un fichier .tpl, dans cette fonction précisement :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function saveInfos() {
 
        var descriptionArray = new Array;
        descriptionArray[0] = null;
 
        descriptionArray[1] = $("#description1").val();
        descriptionArray[2] = $("#description2").val();
        descriptionArray[3] = $("#description3").val();
 
        var mydata = {"numTask" : numTask-1, "descriptionArray[]" :  descriptionArray };
 
        $.get("http://localhost/glpi/plugins/monplugin/Smarty/templates/saveInfos.php", mydata, function(data) {
   alert(data);
});
}

Cette fonction est appelée dans un onclick d'un input de type submit:

Code:

<input type="submit" onclick="saveInfos()" value="Enregistrer">

20/04/2015, 11h54
DevSpike

Je vais aller manger, j'ai besoin d'une pause !
Si vous avez des idées, n'hésitez pas je vais continuer à réfléchir et je testerai ça dès que reviens au bureau (14h).

Encore merci de votre patience. ;)
20/04/2015, 13h22
SpaceFrog

Code:

<input type="submit" onclick="saveInfos()" value="Enregistrer">

normal un submit recharge la page en pointant sur la page action de ton formulaire ...

il te faut inhiber le comportement par défaut du bouton submit, soit par un preventDefault, soit en modifiant le bouton en input type button
20/04/2015, 14h28
DevSpike

Ça fonctionne, j'aurais du y penser mais j'ai même pas pensé à regarder à ça, merci beaucoup en tout cas pour votre patience et votre rapidité! ;)

Sujet résolu.

Cordialement.