Problema insertar datos de una tabla con filas dinámicas a base de datos

[Paula_21]

Hola a todos recurro a ustedes para pedirle ayuda con respecto a una tabla dinámica que estoy generando con java escrip y html... me explico estoy generando una tabla normal en html a la cual le quiero agregar filas dinámicamente esto hasta ahora lo he hecho con javascript y efectivamente funciona pero a la hora de querer insertar los datos que recojo en las nuevas filas no se como hacerle para almacenar dichos datos he estado leyendo y en algunas partes dicen que se debe recorrer las nuevas celdas con un array que recoja los datos para luego poder almacenarlos... la cuestión es que no tengo idea de como hacer eso si me pudieran ayudar por favor??? anexo el código javascrip que genera las filas...
<script language="javascript" type="text/javascript">
var posicionCampo=1;

function agregarUsuario(){

nuevaFila = document.getElementById("tabla").insertRow(-1);

nuevaFila.id=posicionCampo;


nuevaCelda=nuevaFila.insertCell(-1);
nuevaCelda.innerHTML="<td><input type='text' size='10' id='campo1"+posicionCampo+"' name='campo1["+posicionCampo+"]' value=''/></td>";

nuevaCelda=nuevaFila.insertCell(-1);
nuevaCelda.innerHTML="<td><input type='text' size='10' id='campo2"+posicionCampo+"' name='campo2["+posicionCampo+"]' value=''/></td>";

nuevaCelda=nuevaFila.insertCell(-1);
nuevaCelda.innerHTML="<td><input type='text' size='10' id='campo3"+posicionCampo+"' name='campo3["+posicionCampo+"]' values=''/></td> ";



posicionCampo++;

}
</script>

Este código en mi html le hago el llamado con un <input name="Agregar" type="button" value="Agregar Fila" onClick="agregarUsuario()">
el cual genera las filas.. ahora necesito es como poder guardar eso datos de las nuevas filas en mi base de datos gracias de antemano.. :)

[gnzsoloyo]

ahora necesito es como poder guardar eso datos de las nuevas filas en mi base de datos

Con JavaScript puro es imposible. Necesitas un lenguaje del lado del servidor que se encargue de la tarea, por ejemplo PHP, java, ASP.Net, etc...
¿Cuál manejas?

[Paula_21]

exacto si estoy trabajando con php orientado a objetos la cosa es que no se como implementarlo para tomar los datos y guardarlos que puedo hacer???

[alx1417]

Hola Paula_21,

Lo que pides es algo complicado como para explicártelo en dos líneas, pero creo que lo que necesitas es usar ajax.

Para más simplicidad prueba con la función

Código Javascript:

$.post("addFila.ajax.php",{
    nombre:'texto'
}).done(function(data){
   alert(data). 
});
 

Te lo explico rápidamente, pero necesitaras buscar en internet más información.

Esa función pertenece a las librerías de JQuery.
El primer parámetro es la ruta de un fichero php.
El segundo parámetro es un array asociativo (nombre: valor).
En el archivo php que pongas en el parámetro 1 recibirás por $_POST los nombres del parámetro 2.
Haces el insert en el php.
Muestras un "echo 'OK';" o "KO" en función si el insert se ha hecho correctamente o no.
Por último cuándo acabe la ejecución del php se ejecutará la segunda parte del javascript, el done.
El parámetro data traerá TODO lo que se haya impreso por pantalla en el PHP.

Fichero addFila.ajax.php

Código PHP:

  <? 
$nombre=$_POST['nombre']; 
$sql="Insert intro...."; 
//Ejecutar sql.... 
 
if($insertOkey) 
    echo "OK"; 
else 
    echo "KO"; 
?>   

Y el $.post lo podrías ejecutar dentro de la funcion agregarUsuario();

Espero haberte ayudado.

Saludos, Alex.

[Paula_21]

muchas gracias chico en cierta forma me ha funcionada te explico... hize lo que dijiste y de hecho inserta pero lo que me inserta es un array ya que como dijiste hago la asignación de lo que trae POST a una variable (ej: $nombre=$_POST[ 'nombre' ]; ) y a la hora de hacer el insert las variables que uso para hacer el registro es las que les di el valor de POST en la posición "X".. bueno la función es esta..

function insertar($nom, $ape, $nom1, $ape1, $ced, $eda, $sex, $etn, $emb, $ocu, $pun_no, $num_lam, $tip_bus, $esp_pla, $fec_fie, $fec_tom, $fec_exa, $clasi, $lug_tom, $par_tom, $mun_tom, $est_tom, $lug_ori, $par_ori, $mun_ori, $est_ori, $muerte){ //recibo las variables que ya les di el valor de POST

//EJECUTO LA CONSULTA
$consulta=("INSERT INTO denuncia
values( default, 'estado', '1', '$nom', '$ape', '$nom1', '$ape1', '$ced', '$eda', '$sex', '$etn', '$emb', '$ocu', '$pun_no', '$num_lam', '$tip_bus', '$esp_pla', '$fec_fie', '$fec_tom', '$fec_exa', '$clasi', '$lug_tom', '$par_tom', '$mun_tom', '$est_tom', '$lug_ori', '$par_ori', '$mun_ori', '$est_ori', '$muerte', now() )");

$res=pg_query(parent::con(),$consulta); //LO MANDO A BD


if($insertOkey)
echo "OK";
else
echo "KO";


}

me muestra este errorsito con el insertOkey dice (Undefined variable: insertOkey ) El caso es que lo que registra es un array cuando entro en la base de datos los registros que aparecen en donde deberian estar los datos es ARRAY no sabes porq sera esto?? quizas tengo algo mal o debo especificar la posición en el array???

te anexo el código javascrip como lo modifiqué para que veas perdón si tiene algun horror de programación o sintaxis la verdad primera vez que trabajo con ajax a lo mejor me puedas ayudar... muchas gracias igualmente...

<script language="javascript" type="text/javascript">
var posicionCampo=1;

function agregarUsuario(){

nuevaFila = document.getElementById("tabla").insertRow(-1);

nuevaFila.id=posicionCampo;

nuevaCelda=nuevaFila.insertCell(-1);
nuevaCelda.innerHTML="<td><input type='text' size='8' id='campo1"+posicionCampo+"' name='campo1["+posicionCampo+"]' values=''></td>";

nuevaCelda=nuevaFila.insertCell(-1);
nuevaCelda.innerHTML="<td><input type='text' size='5' id='campo2"+posicionCampo+"' name='campo2["+posicionCampo+"]' value=''/></td>";

nuevaCelda=nuevaFila.insertCell(-1);
nuevaCelda.innerHTML="<td><input type='text' size='5' id='campo3"+posicionCampo+"' name='campo3["+posicionCampo+"]' value=''/></td>";
posicionCampo++; }
</script>

<script language="javascript" type="text/javascript">


$.post("addFila.ajax.php",{
campo1:'["posicionCampo++"]', campo2:'["posicionCampo++"]', campo3:'["posicionCampo++"]', campo4:'["posicionCampo++"]', campo5:'["posicionCampo++"]', campo6:'["posicionCampo++"]', campo7:'["posicionCampo++"]', campo8:'["posicionCampo++"]', campo9:'["posicionCampo++"]', campo10:'["posicionCampo++"]', campo11:'["posicionCampo++"]', campo12:'["posicionCampo++"]', campo13:'["posicionCampo++"]', campo14:'["posicionCampo++"]', campo15:'["posicionCampo++"]', campo16:'["posicionCampo++"]', campo17:'["posicionCampo++"]', campo18:'["posicionCampo++"]', campo19:'["posicionCampo++"]', campo20:'["posicionCampo++"]', campo21:'["posicionCampo++"]', campo22:'["posicionCampo++"]', campo23:'["posicionCampo++"]', campo24:'["posicionCampo++"]', campo25:'["posicionCampo++"]', campo26:'["posicionCampo++"]', campo27:'["posicionCampo++"]'
}).done(function(data){
alert(data).
});
</script>

Son 27 campos y contando :D por eso lo largooo.. :3 gracias y nuevamente perdón por algún horror