Ajouter une ligne de tableau PHP avec JavaScript

Version imprimable

Bonjour,

J'ai un code PHP qui me permet de créer un tableau, puis un csv à partir de ce tableau.
Voici le code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <?php $list=array( array("titre1","titre2"), array("test1","test1"), array("test2","test2") ); $line = array_push($list, array("testN","testN")); $fp=fopen("tableau.csv","w"); foreach($list as $field) { fputcsv($fp,$field); } ?>
Je voudrais avoir un bouton qui puisse rajouter une ligne à ce tableau avec onClick (JavaScript).
Je n'arrive pas à trouver comment faire, une aide me serait très précieuse.
Merci d'avance.

27/02/2020, 17h20
Invité
Bonjour,
- PHP est coté serveur,
- JavaScript coté client
Pour faire ce que tu dis, il faut utiliser Ajax.

Bonjour,

Après m'être renseigné sur ajax, j'ai essayé de trafiquer quelque chose, mais ça n'a pas l'air de fonctionner, et je me retrouve un peu perdu

Côté PHP :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<?php /* créer le tableau */
$list=array(
    array("couple (x, y)","couple (latitude, longitude)"),
    array("test1","test1"),
    array("test2","test2")
 
);
$fp=fopen("tableauCoordonnées.csv","w");
foreach($list as $field)
{
    fputcsv($fp,$field);
}
?>
 
<?php
    if (isset($_POST['enregistrer'])) {
        if ($_POST['enregistrer'] == "Enregistrer") {
           $enregistrer = array_push($list, array("testN","testN"));
        }
    }
?>

JS :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
                $(document).ready(function(){
                    $("button").click(function(){
 
                        $.ajax({
                            type: 'POST',
                            success: function() {
                            $enregistrer;
                            }
                        });
                    });
                });
        </script>

Et le bouton :

Code:

1
2
3
4
<input class="bouton"
            type="button"
            name ="enregistrer"
            value="Enregistrer">

28/02/2020, 09h24
SpaceFrog

Si ton tableau n'est pas en session ...

J'ai essayer de rectifier le truc, mais ça ne change rien. C'est probablement un truc con car je suis débutant en php.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?php
    session_start();
$list=array(
    array("couple (x, y)","couple (latitude, longitude)"),
    array("test1","test1"),
    array("test2","test2")
 
);
$_SESSION['tableau'] = $list;
$fp=fopen("tableauCoordonnées.csv","w");
foreach($list as $field)
{
    fputcsv($fp,$field);
}
?>

28/02/2020, 09h54
Invité

Bonjour,

Explique d'abord clairement ce que tu cherches à faire.
On saura alors si tu as besoin de JS / Ajax ou pas.

Ensuite... renseigne-toi mieux sur Ajax.

Et si tu es débutant en PHP, il faut d'abord apprendre les bases.
28/02/2020, 09h59
TheFoxes

Je me suis sans doute mal exprimé.
Je souhaite que quand je clique sur le bouton, il y ait une ligne qui s'ajoute au tableau avec

Code:

array_push($list, array("testN","testN"));
28/02/2020, 10h13
Invité

Ça, on avait compris...

Pour ça, pas besoin de JS.
C'est juste un formulaire HTML et un traitement PHP (avec rechargement de la page).
Mais effectivement, pour garder le tableau "en mémoire", on peut le mettre dans une variable de session.

Commence déjà par ça.

Plus tard, SANS rechargement de la page, il faudra passer par Ajax.
28/02/2020, 10h22
TheFoxes

Je vais me pencher sur tout ça. Merci pour ta réponse

Bonjour,

j'ai réussi à faire passer ce avec quoi je veux remplir le tableau dans mon php grâce à un formulaire. Cependant, je suis toujours bloqué concernant le fait de rajouter une ligne de tableau à chaque fois que je clique sur un bouton. Est-ce que quelqu'un aurait une piste ?

Html :
Code:

1 2 3 4 5 <form action="result.php" method="post"> <input type="text" name="x" value="test1" style="display:none"><br> <input type="text" name="y" value="test2" style="display:none"><br> <input type="submit"> </form>
PHP:
Code:

1 2 3 4 5 6 $Test=$_POST["x"]; $Test2=$_POST["y"]; $list=array( array("Test","Test"), array("$Test","$Test2"), );