Insérer un table HTML dans MySql avec PHP

Version imprimable

Bonsoir,

premièrement je suis désolé si mon sujet semble banale.

Donc, j'ai un tableau rempli a partir de MySql, ce que je veut faire c'est de inverser l'opération et enregistrer mon tableau dans la base avec un clic sur bouton notant que les colonnes du tableau varient en nombre, parfois le tableau contient 8 colonnes en max et 3 colonnes en min, je veut donc insérer dans la base le tableau avec les colonnes qui y contient.

ce qui me bloque c'est comment récupérer le tableau du ajax dans une autre page PHP dans laquelle je vais exécuter ma requête d'insertion

Fichier : newSeg.php

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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
 
 
<form name="userTable" id="table">
                <input type="text" data-type="search" id="filterable-input">
                <table  id="table" data-role="table" data-mode="columntoggle" class="ui-responsive table-stroke" data-filter="true" data-input="#filterable-input" class="table table-striped table-bordered table-hover">
                  <thead>
                    <tr>
                      <th id="Nom" name="nom[]">Nom</th>
                      <th id="Prénom" name="prenom[]">Prénom</th>
                      <th data-priority="5" id="Mail[]">Mail</th>
                      <th data-priority="5" id="Pays[]">Pays</th>
                      <th data-priority="5" id="Civilité[]">Civilité</th>
                      <th data-priority="5" id="Naissance[]">Naissance</th>
                      <th data-priority="5" id="Inscription[]">Inscription</th>
                      <th data-priority="5" id="Profession[]">Profession</th>
 
                    </tr>    
                  </thead>
 
                  <tbody>
                   <?php
                   for ($i=0;$i<count($u);$i++)      
                   {
                    ?> 
                    <tr>
                      <td><?php  print $u[$i]->get_nom();?></td>
                      <td><?php  print $u[$i]->get_prenom();?></td>
                      <td><?php  print $u[$i]->get_email();?></td>
                      <td><?php  print $u[$i]->get_pays();?></td>
                      <td><?php  print $u[$i]->get_civilite();?></td>
                      <td><?php  print $u[$i]->get_date_n();?></td>
                      <td><?php  print $u[$i]->get_date_ins();?></td>
                      <td><?php  print $u[$i]->get_profession(); ?></td>
                    </tr>
                    <?php  }  ?>
                    <tr><td><button type="button" class="btn btn-success" id="save">Enregistrer</button></td></tr>
                    <input type="text" name="SegmentName" placeholder="nom du segment" width="50px">
                  </tbody> 
                </table>
 
              </form> 
 
<script>
$(document).ready(function(){
  $('#save').click(function(){
      var rowsArray = {};
      var i = 0;
      $('#table tr').each(function({
      rowsArray[i] = $(this).val(); // if you want to save the values of each row
      i++;
      $.ajax({
     url: "SaveSegment.php",
     method: "POST",
     //data:$('#userTable').serialize(),
     data: { myarray : rowsArray },
     success: function(result) {  
      alert(data)
     $('#result').html(data);
                              }
              });
                                  });
 
                                });
 
                              });
 
</script>

04/11/2016, 23h49
sabotage

Étant donné que ton tableau vient déjà de la base de données, pourquoi veux-tu l'y remettre ?

Au passage, je ne crois pas que "[]" dans l'id d'une balise HTML ce soit très réglementaire.
04/11/2016, 23h57
chemsoun

Citation:

Envoyé par sabotage

Étant donné que ton tableau vient déjà de la base de données, pourquoi veux-tu l'y remettre ?

je fait une sorte de segmentation, le premier tableau m'affiche tous les users que j'ai dans la base, je doit choisir les critères de la segmentation qui sont les colonnes du tableau et puis je vais insérer les users récupérer après la segmentation dans ma base
05/11/2016, 00h50
sabotage

De quelle manière est fait la selection ?
05/11/2016, 01h25
chemsoun

Citation:

Envoyé par sabotage

De quelle manière est fait la selection ?

si j'ai bien compris votre question, vous parlez de la sélection des critères de la segmentation non ?
si c'est le cas, c'est un plugin jQuery qui me permet de cocher les colonnes que je veut afficher dans mon tableau
05/11/2016, 08h11
sabotage

D'accord, ton problème doit être traité en jquery alors, pas en PHP.

Citation:

Envoyé par sabotage

D'accord, ton problème doit être traité en jquery alors, pas en PHP.

c'est ça ce que j'ai fait ici (j'espère que c'est correcte)

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
 
 
<script>
$(document).ready(function(){
  $('#save').click(function(){
      var rowsArray = {};
      var i = 0;
      $('#table tr').each(function({
      rowsArray[i] = $(this).val();
      i++;
      $.ajax({
     url: "SaveSegment.php",
     method: "POST",
     //data:$('#userTable').serialize(),
     data: { myarray : rowsArray },
     success: function(result) {  
      alert(data)
     $('#result').html(data);
                              }
              });
                                  });
 
                                });
 
                              });
 
</script>

05/11/2016, 15h27
sabotage

Il vaudrait mieux poser ta question entière dans le forum jQuery.

Citation:

Envoyé par sabotage

Il vaudrait mieux poser ta question entière dans le forum jQuery.

merci pour votre réponse

j'ai opté sur une autre approche est c'est fixer le nombre des colonnes.

maintenant, j'arrive a récupérer les données du tableau et les affichées dans la console, mais je n'arrive pas a les récupérées dans ma page PHP ou je vais les traitées pour l'insertion dans la base

j'ai fait les modifications suivantes dans 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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
 
<script>
 
$("#submit").on('click',function(){
 
   var arrData=[];
   // loop over each table row (tr)
   $("#table tr").each(function(){
        var currentRow=$(this);
 
        var nom_value=currentRow.find("td:eq(0)").html();
        var prenom_value=currentRow.find("td:eq(1)").text();
        var email_value=currentRow.find("td:eq(2)").text();
        var pays_value=currentRow.find("td:eq(3)").text();
        var civilite_value=currentRow.find("td:eq(4)").text();
 
         var obj={};
        obj.anom=nom_value;
        obj.bprenom=prenom_value;
        obj.cemail=email_value;
        obj.dpays=pays_value;
        obj.ecivilite=civilite_value;
 
        arrData.push(obj);
   });
 
    console.log(arrData);
 
    $.ajax({
   url: "SaveSegment.php",
   method: "POST",
   data: { arrData : arrData },
   success: function(data) //
   {
      alert(data);    
     $('#result').html(data);
   }
});
 
});
</script>

SaveSegment.php

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<?php
 
//SaveSegment.php 
 $connect = mysqli_connect("localhost", "root", "", "mailing"); 
//$number =count($_POST["nom[]"]);
 
  if(isset($_POST["arrData"])) 
 { 
      if($_POST["arrData"] != '') {
 
            $sql = "INSERT INTO `segmentname`(`nom`, `prenom`,`email`, `pays`,`civilite`) VALUES ('".$_POST["arrData"]."','".$_POST["arrData"]."','".$_POST["arrData"]."','".$_POST["arrData"]."',,'".$_POST["arrData"]."',)";
        }
                      $result = mysqli_query($connect, $sql);
                      echo"date inserted succesfully";
                      //echo $_POST["arrData"];
 
 
  }
  else  echo "fail";
 
 
    ?>

05/11/2016, 19h39
sabotage

Qu'obtiens-tu ?
Un erreur ?
Est-ce que tu as contrôlé ton $_POST ?
05/11/2016, 21h23
chemsoun

j'arrive a récupérer toutes les données du tableau dans un array que je l'affiche sous la console du navigateur, mais lorsque je le passe en ajax pour envoyer l'array dans ma page PHP ou j'effectue l'insertion et après que je vérifie $_POST j'obtient le message fail directement
05/11/2016, 22h07
sabotage

Est-ce que tu as contrôlé ton $_POST ?

Citation:

Envoyé par sabotage

Est-ce que tu as contrôlé ton $_POST ?
Code:

1 2 3 4 5 6 7 if (isset ( $_POST [ "arrData" ])) { if( $_POST [ "arrData" ] != '' ) { //requête d'insertion } }

05/11/2016, 23h23
sabotage

Certes mais il faut debuguer et regader ce que contient réellement ton POST

Code:

var_dump($_POST);
06/11/2016, 18h00
chemsoun
Citation:

Envoyé par sabotage

Certes mais il faut debuguer et regader ce que contient réellement ton POST

Code:

var_dump($_POST);

j'ai essayer votre solution est ça ce que je retient
Code:

1 2 3 array (size=0) empty
06/11/2016, 19h55
sabotage

Ca signifie que ton Ajax ne renvoit rien.

Citation:

Envoyé par sabotage

Ca signifie que ton Ajax ne renvoit rien.

aprés votre proposition d'essayer avec

Code:

var_dump($_POST);

j'ai essayer avec

Code:

var_dump($_GET);

et comme ça mon array n'est plus vide

Code:

array (size=1)

mais le problème reste en PHP, je reçoit directement

Code:

insertion failed

j'ai modifié mon code de cette façon mais le problème persiste

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
<?php
 
//SaveSegment.php  
 $connect = mysqli_connect("localhost", "root", "", "mailing");  
 
//$number =count($_POST["nom[]"]);
 var_dump($_GET);
 
  if(isset($_GET["arrData"]))  
 {  
      if($_GET["arrData"] != '') {
 
      		$sql = "INSERT INTO `segmentname`(`nom`, `prenom`,`email`, `pays`,`civilite`) VALUES ('".$_GET["arrData"]."','".$_GET["arrData"]."','".$_GET["arrData"]."','".$_GET["arrData"]."',,'".$_GET["arrData"]."',)";
      	}
      				  $result = mysqli_query($connect, $sql);
 
      				  if($result) {
      				  	echo "succesfully inserted";
      				  }
      				  	else echo"insertion failed";
      				  //echo"date inserted succesfully";
      				  //$tab = json_decode($_GET['arrData'], true);
 
 
 
  }
  else  echo "fail";
 
 
	?>

06/11/2016, 20h56
sabotage

Ton Ajax envoie les données en POST ou en GET ?
Ca n'est pas au hasard hein.

1 pièce(s) jointe(s)

Citation:

Envoyé par sabotage

Ton Ajax envoie les données en POST ou en GET ?
Ca n'est pas au hasard hein.

C'est ça qui m'étonne, c'est le même résultat si j'envoie les données avec POST ou avec GET
je reçoit toujours les mêmes résultats :
- tous les données s'affichent sous la console.
Pièce jointe 224225
- les message "insertion failed" s'affiche toujours.

mon code ajax

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>
 
$("#submit").on('click',function(){
 
   var arrData=[];
   // loop over each table row (tr)
   $("#table tr").each(function(){
        var currentRow=$(this);
 
        var nom_value=currentRow.find("td:eq(0)").html();
        var prenom_value=currentRow.find("td:eq(1)").text();
        var email_value=currentRow.find("td:eq(2)").text();
        var pays_value=currentRow.find("td:eq(3)").text();
        var civilite_value=currentRow.find("td:eq(4)").text();
 
         var obj={};
        obj.anom=nom_value;
        obj.bprenom=prenom_value;
        obj.cemail=email_value;
        obj.dpays=pays_value;
        obj.ecivilite=civilite_value;
 
        arrData.push(obj);
   });
 
    console.log(arrData);
 
    $.ajax({
   url: "SaveSegment.php",
   method: "POST",
   data: { arrData : JSON.stringify(arrData) },
   success: function(data) //
   {
      //alert(data);     
     $('#result').html(data);
   }
});
 
});
</script>

06/11/2016, 22h06
sabotage

Comme je t'ai dit, si tu n'arrives pas a envoyer les données avec jquery, il vaut mieux poser ta question sur le forum jquery.