Discussion :

[djoufouf]

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 :

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
   <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>

[SpaceFrog]

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

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

[djoufouf]

voila mon tableau mtn

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
$(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 ?????

[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().

[djoufouf]

voici ce que j ai fais ,

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
   <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

[djoufouf]

je suis passer par un JSON

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

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
   <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

[SpaceFrog]

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

l'id de l'input = index du POST

[djoufouf]

mais nomarlement ca devrais fonctionner comme ca aussi non ?

je passe par argument et je decode

[SpaceFrog]

Code :

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

 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 ...

[djoufouf]

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

[SpaceFrog]

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