Insertion données tableau html dans la bdd avec PDOFermé

Question

Bonjour la grande famille! Svp!!! je ne demande que votre aide je suis vraiment coincé à un problème avec javascript et php j'ai un script javascript qui me permet d'ajouter des lignes dans mon tableau html par rapport à la saisie des utilisateurs et j'aimerais ensuite envoyer toutes les données de ce tableau dans ma bdd en un coup je suis vraiment coincé aidez moi svp!!! voici mon code qui me permet de remplir mon tableau html function addRow() {"use strict";var tableBody = document.getElementById("table-body");var td1 = document.createElement("td");var td2 = document.createElement("td");var td3 = document.createElement("td"); var td4 = document.createElement("td"); var row = document.createElement("tr");td1.innerHTML = document.getElementById("getProducts").value;td2.innerHTML = document.getElementById("price").value;td3.innerHTML = document.getElementById("qtecom").value;td4.innerHTML = document.getElementById("price").value * document.getElementById("qtecom").value;row.appendChild(td1);row.appendChild(td2);row.appendChild(td3);row.appendChild(td4);tableBody.appendChild(row);} Mon tableau html est là:

Articles	PU	Quantity	Total (FC)

Si quelqu'un peut m'aider comment je peut faire pour l’insérer dans ma bdd svp!!!! Je compte sur vous la grande famille car j'ai beau chercher mais pas de solution jusque là...

totodunet · Accepted Answer

Ok

C'est pas mal du tout !!!

Il faut que tu soumettes les nouvelles données à ce bout de code PHP. De manière asynchrone, on utilisera Ajax. Tu utilises la librairie jQuery ?

Le premier champ de table facture tu l'initialises à null ? C'est pas une clé primaire par hasard ? Tu as vérifié si ta requête SQL fonctionne bien avant et t'insères une ligne ?

La page où il y a ton PHP c'est situé sur la même page que le formulaire ou sur une autre ? Il est de bonne pratique d'envoyer les données par POST ou GET plutôt que d'aller chercher les valeurs dans le DOM avec Javascript et se mélanger les pinceaux entre PHP, HTML et JavaScript :

$insert->execute(array(
							'designation' => $_POST['designation'],
							'Qte' => $_POST['quantite'],
							'pu' => $_POST['price'],
							'tot' => $_POST['designation'],
							));

PS: c'est ma signature

totodunet · Answer

slt,

il est où ton code PHP ?

arkal221 · Answer

Bon tel que tu l'as dis qui ne tente rien n'a rien j'ai essayé de faire sa : prepare(' INSERT INTO facture VALUES(null, :designation, :Qte, :pu, :tot) '); $insert->execute(array( 'designation' => "echo ", 'Qte' => "echo ", 'pu' => "echo ", 'tot' => "echo ", )); if ($insert){ $_GET['message']="succes"; }else{ $_GET['erreur']="login"; } } ?> mais je suis perdu franchement de l'aide je ne maitrise vraiment pas du javascript help!!!!

arkal221 · Answer

Oui le premier champ de ma table c'est une clé auto_increment et aussi ma page PHP est situé sur la même page

arkal221 · Answer

Soit s'il y a un lien qui explique comment ajouter des lignes dans une table html avec un autre code javascript et enfin l'envoyer dans ma base si possible tu me donnes stp!!! soit un code un peu plus explicite parce que là je suis perdu

arkal221 · Answer

mon problème est que je voudrais à l'aide d'un code javascript ajouter des lignes à l'aide d'un input et à la fin enregistrer toutes ces données dans une base de données

totodunet · Answer

J'ai bien compris oui. Si utilises jQuery (ce que je ferais) faut que tu utilises la fonction $.ajax()

tu y spécifies l'URL, les données, le mode d'envoi (GET/POST/PUT/DELETE), la fonction a exécuter en cas de succès/erreur
https://api.jquery.com/jQuery.ajax/

sinon faut que tu créées un objet de type XMLHttpRequest que j'ai jamais fait. Mais c'est un sujet très riche en documentation, tu trouveras très facilement des exemples type sur Internet

arkal221 · Answer

Bonjour mon frère @totodunet: regarde ce que jai fait jusque qui marche un peu bien mon code javascript est là qui m'ajoute de données des valeurs des input: function addRow() {"use strict"; var tableBody = document.getElementById("table-body");var td1 = document.createElement("td");var td2 = document.createElement("td");var td3 = document.createElement("td"); var td4 = document.createElement("td"); var td5 = document.createElement("td"); var td6 = document.createElement("td"); var td7 = document.createElement("td"); var row = document.createElement("tr"); td1.innerHTML = document.getElementById("ID").value;td2.innerHTML = document.getElementById("NAME").value;td3.innerHTML = document.getElementById("PASSWORD").value;td4.innerHTML = document.getElementById("CREDITS").value;td5.innerHTML = document.getElementById("EMAIL_ID").value;td6.innerHTML = document.getElementById("CREATED_ON").value;td7.innerHTML = document.getElementById("MODIFIED_ON").value; row.appendChild(td1);row.appendChild(td2);row.appendChild(td3);row.appendChild(td4);row.appendChild(td5);row.appendChild(td6);row.appendChild(td7); tableBody.appendChild(row); } et mon tableau qui recoit les données ressemble à celui ci:

Articles	PU	Quantity	Total (FC)

regarde maintenant le code ajax que j'ai fait pour recevoir les valeurs de mon tableau et envoyé dans le bdd est là : $("#btn_submit").click(function(){ //get the form valuesvar arrayLignes = document.getElementById("table-body").rows; //on récupère les lignes du tableauvar longueur = arrayLignes.length;//on peut donc appliquer la propriété lengthvar valeurc = arrayColonnes.val; for(var i=0; i

arkal221 · Answer

Merci @Jordan Je suis passer en PDO et regarde à ce que ressemble mon code mais la même chose toujours : prepare(' INSERT INTO user_table (NAME,EMAIL_ID,PASSWORD,CREDITS,CREATED_ON,MODIFIED_ON) VALUES(:NAME, :EMAIL_ID, :PASSWORD, :CREDITS, :CREATED_ON,:MODIFIED_ON) '); $insert->execute(array( 'NAME' => htmlspecialchars($ID), 'EMAIL_ID' => htmlspecialchars($NAME), 'PASSWORD' => htmlspecialchars($EMAIL_ID), 'CREDITS' => htmlspecialchars($CREDITS), 'CREATED_ON' => htmlspecialchars($CREATED_ON), 'MODIFIED_ON' => htmlspecialchars($MODIFIED_ON), )); if ($insert){ echo "OK"; } mysql_close($con);?>

arkal221 · Answer

@Jordan j'ai réussi a envoyé mes données des inputs dans ma bdd dont voici le code côté ajax: $("#btn_submit").click(function(){ //get the form valuesvar arrayLignes = document.getElementById("table-body").rows; //on récupère les lignes du tableauvar longueur = arrayLignes.length;//on peut donc appliquer la propriété lengthfor(var i=0; iprepare(' INSERT INTO user_table (NAME,EMAIL_ID,PASSWORD,CREDITS,CREATED_ON,MODIFIED_ON) VALUES(:NAME, :EMAIL_ID, :PASSWORD, :CREDITS, :CREATED_ON,:MODIFIED_ON) '); $insert->execute(array( 'NAME' => htmlspecialchars($ID), 'EMAIL_ID' => htmlspecialchars($NAME), 'PASSWORD' => htmlspecialchars($EMAIL_ID), 'CREDITS' => htmlspecialchars($CREDITS), 'CREATED_ON' => htmlspecialchars($CREATED_ON), 'MODIFIED_ON' => htmlspecialchars($MODIFIED_ON), )); if ($insert) { echo 'It is working'; } }

Insertion données tableau html dans la bdd avec PDO

10 réponses

Newsletters