Convertir un tableau jquery en tableau php

Version imprimable

bonjour,

comme le titre le dis , je voudrais convertir un tableau jquery en php mais je ne sais pas comment faire !

mon but est de reprendre le resultat d un drag and drop et le mettre dans un tableau php

je sais reprendre mon resultat mais je ne sais pas le convertir

pour l instant voici mon code

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
   <script>
$(function() {
    $( ".essai li" ).draggable({
      appendTo: "body",
      revert: 'invalid'
    });
    $( "#cart ol" ).droppable({
      drop: function( event, ui ) {
        $(this).find( ".placeholder" ).remove();
        $(ui.draggable).hide();
        $( "<li></li>" ).text(ui.draggable.text()).appendTo(this);
      }
    });
  });
----------------------------resultat------------------
$(function(){
  $('.myButton').click(function(e){
var list = [];
$('#cart').find('ol.ui-droppable li').each(function(){
    list.push($(this).html());
});
alert(list);
  });
      });
  </script>

13/11/2015, 11h15
SpaceFrog

Rappel: Jquery = coté client, Php coté serveur

Comment envoies tu les données sur le serveur ? ajax ? form ?

voila mon tableau mtn

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$(function(){
  $('.myButton').click(function(e){
var tab = [];
var i=0
$('#cart').find('ol.ui-droppable li').each(function(){
    tab[i] = [$(this).html()];
	i++;
});
alert(tab);
  });
      });
 
 <form id="pdfform" action="creztepdfephp.php" >
<input type="hidden" value="" id="data" />
<input type="submit" value="creer pdf" />
</form>

je fais comment pour l avoir en php ?????

13/11/2015, 18h41
ABCIWEB

Salut,

Pour faire communiquer du javascript côté client vers un langage serveur comme php il faut faire une requête ajax.

Pour transformer des données d'un tableau en chaine de caractère qui pourra être transmise par la requête ajax on peut utiliser $.param().

Quand il s'agit de transférer les données d'un formulaire on peut parfois utiliser des raccourcis comme $.serialise() (si pas de tableaux) ou $.serializeArray().

voici ce que j ai fais ,

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
36
   <script>
$(function() {
    $( ".essai li" ).draggable({
      appendTo: "body",
      revert: 'invalid'
    });
    $( "#cart ol" ).droppable({
      drop: function( event, ui ) {
        $(this).find( ".placeholder" ).remove();
        $(ui.draggable).hide();
        $( "<li></li>" ).text(ui.draggable.text()).appendTo(this);
      }
    });
  });
 
$(function(){
  $('.myButton').click(function(e){
var tab = [];
var i=0;
$('#cart').find('ol.ui-droppable li').each(function(){
    tab[i] = [$(this).html()];
	i++;
});
alert(tab);
  });
      });
 
	  $( "pdfform" ).submit(function( event ) {
  console.log( $( this ).serializeArray() );
  event.preventDefault();
});
  </script>
  <form id="pdfform" action="createpdf.php" >
<input type="hidden" value="" id="tab" />
<input type="submit" value="creer pdf" />
</form>

mais je n arrive toujours pas a le traduire en php

je suis passer par un JSON

mais j ai encore des soucis pour recuperer cette variable "myData"

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
36
37
38
39
40
   <script>
$(function() {
    $( ".essai li" ).draggable({
      appendTo: "body",
      revert: 'invalid'
    });
    $( "#cart ol" ).droppable({
      drop: function( event, ui ) {
        $(this).find( ".placeholder" ).remove();
        $(ui.draggable).hide();
        $( "<li></li>" ).text(ui.draggable.text()).appendTo(this);
      }
    });
  });
 
$(function(){
  $('.myButton').click(function(e){
    var list = [];
    $('#cart').find('ol.ui-droppable li').each(function(){
        list.push($(this).html());
    });
 
    $.ajax({
        type    : 'POST',
        url     : 'createpdf.php',
        dataType: 'JSON',
        data    : { myData: JSON.stringify(list) }
    });
  });
});
</script>
 <a href="createpdf.php" class="myButton">Get PDF tables</a>
 
createpdf.php
 
<?php
        
$myArrayPhp = json_decode($_POST['myData']);
echo $myArrayPhp[0];
?>

et voici l erreur

Notice: Undefined index: myData in R:\wamp\www\Projet\createpdf.php on line 3

16/11/2015, 15h13
SpaceFrog

je t'avais préconisé un form avec un input ...

l'id de l'input = index du POST
16/11/2015, 15h51
djoufouf

mais nomarlement ca devrais fonctionner comme ca aussi non ?

je passe par argument et je decode
16/11/2015, 16h15
SpaceFrog

Code:

data : { "myData": JSON.stringify(list) }

teste avec un var_dump du post ...

ensuite je ne vois pas comment tu récupèreras le PDF sur el retour de l'ajax ...
16/11/2015, 16h21
djoufouf

Citation:

array (size=0)
empty

vide je ne la recupere pas -_-

si j arrive a avoir le tableau en php je peux directement faire le pdf sur la meme page
16/11/2015, 16h57
SpaceFrog

Citation:

si j arrive a avoir le tableau en php je peux directement faire le pdf sur la meme page

ineptie !
tu fais un ajax ... tu recevras une réponse sous forme de string sur la page appelante !!
d'où ma préconisation du form qui pointera lui sur une page qui fera un forcedownload

Ceci étant le souci majeur de ton script est que tu n'inhibe pas le href de ton lien a ... donc tu ne fais pas un ajax mais tu charge la page ...
si tu faisais un preventDefault sur le click le lien ne serait pas déclenché, tu enverrais bien ta requete ajax au lieu de recharger la page
tes données arriveraient bien sur la page de traitement ajax, mais tu ne sera pas en mesure de récupérer le pdf lors de la réponse ...

=> utilise un form :roll: