Comment faire pour insérer les données dans une base mysql à partir d'un Tableau HTML

J'ai un tableau HTML avec de l'information. Droit maintenant, je peux ajouter des lignes et supprimer les lignes avec un bouton à l'aide de javascript. Je peux aussi ajouter des informations dans la base de données directement à l'aide de la Ajouter des Lignes bouton, et supprimer les données de la base de données avec le Supprimer des Lignes bouton. Mais je ne veux pas utiliser ces boutons parce que je pense que c'est mieux d'avoir un autre bouton pour insérer toutes les informations de la base de données à la fois. J'ai donc besoin de conseils sur la façon de lire les informations à partir d'un tableau HTML et insère ses données à une base de données mysql.

Voici le code:
Actuellement, le code ne pas insérer les données dans la base de données.

<HTML>
<HEAD>
<TITLE> Add/Remove dynamic rows in HTML table </TITLE>
<SCRIPT language="javascript">
function addRow(tableID) {
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
var row = table.insertRow(rowCount);
var cell1 = row.insertCell(0);
var element1 = document.createElement("input");
element1.type = "checkbox";
element1.name="chkbox[]";
cell1.appendChild(element1);
var cell2 = row.insertCell(1);
cell2.innerHTML = rowCount;
var cell3 = row.insertCell(2);
cell3.innerHTML = rowCount;
var cell4 = row.insertCell(3);
cell4.innerHTML = rowCount;
var cell5 = row.insertCell(4);
cell5.innerHTML = rowCount;
var cell6 = row.insertCell(5);
cell6.innerHTML = rowCount;
}
function deleteRow(tableID) {
try {
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
for(var i=1; i<rowCount; i++) {
var row = table.rows[i];
var chkbox = row.cells[0].childNodes[0];
if(null != chkbox && true == chkbox.checked) {
table.deleteRow(i);
rowCount--;
i--;
}
}
}catch(e) {
alert(e);
}
}
</SCRIPT>
</HEAD>
<BODY>
<INPUT type="button" value="Add Row" onclick="addRow('dataTable')" />
<INPUT type="button" value="Delete Row" onclick="deleteRow('dataTable')" />
<TABLE id="dataTable" border="1">
<tr>
<th><INPUT type="checkbox" name="chk[]"/></th>
<th>Make</th>
<th>Model</th>
<th>Description</th>
<th>Start Year</th>
<th>End Year</th>
</tr>
</TABLE>
</BODY>
</HTML>

Vous devriez poster un peu de code pour obtenir raisonnable de l'aide.
Je ne crois pas que votre deleteRow() l'appel n'est en fait rien enlever de la base de données basé sur le code ci-dessus.
Oui, c'est pas de l'ajout/la suppression de la base de données pour l'instant, mais je ne veux pas le faire de cette façon. Au lieu de cela je veux insérer à la base de données alors que toute l'information est inséré sur la table HTML.
Il n'y a pas de concept d'un serveur de lecture à partir d'un tableau HTML. Les Tables sont juste un visuel agréable façon de présenter les données. Ce que vous voulez, c'est une balise HTML formulaire.
Aussi, il est intéressant de noter que ce n'est pas forcément "mieux" pour insérer toutes les informations dans la base de données à la fois; cela dépend de ce que vous essayez de faire. Enfin, cela devrait aller avec out dire, mais s'il vous PLAÎT s'il vous PLAÎT VALIDER VOS DONNÉES avant la db de l'insertion.

OriginalL'auteur EM10 | 2013-10-09

Oui.. Vous avez de bons de code JavaScript à l'ajout de contenu dynamique..wow..
Maintenant, vous voulez insérer le contenu d'une table MySQL..oui, vous pouvez...
Avant que de petites modifications à faire votre code..
D'abord, vous devez comprendre insérer quelque chose à la base de données, vous avez un élément de formulaire HTML..
et contrôles..vous pouvez ajouter dynamiquement élément de formulaire HTML comme suit

  function addRow(tableID) { 
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
var row = table.insertRow(rowCount);
var cell1 = row.insertCell(0);
var element1 = document.createElement("input");
element1.type = "checkbox";
element1.name="chkbox[]";
cell1.appendChild(element1);
var cell2 = row.insertCell(1);
cell2.innerHTML = "<input type='text' name='item[]'>";
var cell3 = row.insertCell(2);
cell3.innerHTML = "<input type='text'  name='price[]' />";
var cell4 = row.insertCell(3);
cell4.innerHTML =  "<input type='text'  name='qty[]' />";
}

garder votre méthode delete même, mais de changer cette ligne que

var i=1

var i=0

Maintenant Modifier votre code HTML suivant ,
assurez-vous que votre corps de la balise id nommé "table de données",
et vous retirer case ,mettez élément de formulaire pour couvrir votre table ... bang...

<INPUT type="button" value="Add Row" onClick="addRow('dataTable')" />
<INPUT type="button" value="Delete Row" onClick="deleteRow('dataTable')" />
<form action="" method="post" name="f">  
<TABLE width="425" border="1">
<thead>
<tr>
<th width="98"></th>
<th width="94">Item</th>
<th width="121">Price</th>
<th width="84">Qty</th>
</tr>
</thead>
<tbody id="dataTable">
</tbody>
</TABLE>
<INPUT type="submit" value="Insert" name="submit" />
</form>

//création de bases de données mysql, puis de créer la table
//voici l'exemple

CREATE TABLE `your_table_name` (
`id` int(11) NOT NULL auto_increment,
`item` varchar(200) NOT NULL,
`price` varchar(200) NOT NULL,
`qty` varchar(200) NOT NULL,
PRIMARY KEY  (`id`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;

greate ... maintenant c'est la partie la plus intéressante..
J'utilise le langage php pour insérer les données dans la base de données..
assurez-vous que vous devez créer une base de données de connexion..

<?php
if($_POST[submit])
{
foreach ($_POST['item'] as $key => $value) 
{
$item = $_POST["item"][$key];
$price = $_POST["price"][$key];
$qty = $_POST["qty"][$key];
$sql = mysql_query("insert into your_table_name values ('','$item', '$price', '$qty')");        
}
}   
?>

Je pense que ce post est important pour tous ..

OriginalL'auteur user2870117

1

Tout d'abord, vous devez séparer client et côté serveur:

Client est un navigateur, et HTML table est stockée dans le "navigateur" de la mémoire, tous les éditoriaux se fait sur l'ordinateur client, vous pouvez vous déconnecter d'internet et d'utiliser cette page - et il va travailler (ajouter/supprimer des lignes)

Côté du serveur fonctionne sur le serveur distant et je ne sais pas ce que les lignes/colonnes sont insérées dans le client de la table HTML.

Donc, vous avez besoin d'un mécanisme pour envoyer des données à partir du serveur vers le client, après que vous avez terminé.

Deuxième élément: tableau HTML et de Base de données Relationnelle table sont des entités différentes, tableau HTML est seulement une représentation visuelle des données, relationnelles table de base de données d'entité dans la base de données spécifique (vous pouvez avoir plusieurs bases de données, chaque base de données peut contenir plusieurs tables) stockés sur le disque (sur le serveur).

Tableau HTML peuvent avoir des dynamiques de lignes/colonnes, mais RD table peut avoir des lignes dynamiques uniquement, PAS de colonnes, (pas assez vrai, certains SGBDR permet de supprimer des colonnes).

Enfin, vous devez résoudre les 2 articles suivants:
1. Envoi de données à partir du serveur vers le client, cela peut être réalisé via placer <form action="phpscript.php">...</form> autour de <table> et l'ajout bouton "soumettre" pour cela, n'oubliez pas de stocker nombre de colonnes/lignes dans certains "caché" des champs, aussi - et je suppose que vous avez besoin de données dans le présent cellules, ajouter <input> dans chaque tableau HTML cellule
2. Le stockage des données sur le serveur de mysql, vous pouvez vraiment aller avec les colonnes dynamiques ajouter/supprimer, mais vous pouvez aussi tout simplement mettre de LIGNE et de COLONNE d'index avec des données, comme:
```
0, 0, dataincell_0_0 
1, 0, dataincell_1_0 
```
OriginalL'auteur Iłya Bursov

Vous devez vous connecter pour publier un commentaire.