Foros del Web » Programando para Internet » Jquery »

Tabla HTML a Base Datos

Estas en el tema de Tabla HTML a Base Datos en el foro de Jquery en Foros del Web. Estoy complicado con este tema, ya puedo enviar los datos a una tabla de forma dinamica. Ahora necesito enviar esos datos a una base datos, ...
  #1 (permalink)  
Antiguo 12/05/2015, 08:01
 
Fecha de Ingreso: julio-2013
Ubicación: Temuco
Mensajes: 48
Antigüedad: 10 años, 9 meses
Puntos: 0
Tabla HTML a Base Datos

Estoy complicado con este tema, ya puedo enviar los datos a una tabla de forma dinamica. Ahora necesito enviar esos datos a una base datos, pero la verdad es que no tengo idea de como hacerlo. He investigado hay codigo en los que te permite con jQuery almacenar los datos pero ninguno me dice como enviarlos a una base de datos. Por ejemplo:

Código Javascript:
Ver original
  1. var TableData = new Array();
  2.     $(document).on('click','#nuevoFolio',function(){
  3.             $('#sampleTbl tr').each(function(row, tr){
  4.                 TableData[row]={
  5.                     "Código"    :   $(tr).find('td:eq(0)').text(),
  6.                     "nombre"    :   $(tr).find('td:eq(1)').text(),
  7.                     "unidad"    :   $(tr).find('td:eq(2)').text(),
  8.                     "cantidad"  :   $(tr).find('td:eq(3)').text(),
  9.                     "dejarcero" :   $(tr).find('td:eq(4)').text()
  10.                 }
  11.             });
  12.             TableData.shift();
  13.     });

Ahora la estructura de la tabla es la siguiente:

Código HTML:
Ver original
  1. <table id="tablaProd" class="table table-hover">
  2. <tr>
  3. <th>CÓDIGO</th>
  4. <th>NOMBRE</th>
  5. <th>UNIDAD</th>
  6. <th>CANTIDAD</th>
  7. <th style="color: transparent;">DEJAR CERO</th> <!-- DEJAR CERO -->
  8. <th></th> <!-- BOTON ELIMINAR -->
  9. </tr>
  10. <tbody id="tablaProds" >


y las filas las genero de esta manera:

Código Javascript:
Ver original
  1. $(document).on('click','#agregar',function(){
  2.    
  3.     if(validaCantidad()){
  4.     if (f_valida_repetido()){
  5.                 var codigo =  $("#codigoProd").val();
  6.                 var filas = document.getElementsByTagName("tr");
  7.                 var nombre =  $("#nombreProd").val();
  8.                 var unidad =  $("#um").val();
  9.                 var cantidad =  $("#cantidadProd").val();
  10.                 var dejarcero = $('#checks:checked').val();
  11.    
  12.                
  13.         if( $('#checks').is(':checked') ) {
  14.        
  15.  
  16.         var strNueva_Fila=
  17.         '<tr>'+
  18.         '<td style="max-width: 172px;" class="codTabla" >'+codigo+'</td>'+
  19.         '<td>'+nombre+'</td>'+
  20.         '<td>'+unidad+'</td>'+
  21.         '<td>'+cantidad+'</td>'+
  22.         '<td style="color: transparent;">1</td>'+
  23.         '<td align="center"><button type="button" id="eliminarFila" name="eliminarFila" class="btn btn-danger" onClick="eliminaFila(this)" >-</button></td>'+
  24.         '</tr>';
  25.        
  26.         // imprimimos elementos
  27.         } else {
  28.            
  29.         var strNueva_Fila=
  30.         '<tr>'+
  31.         '<td style="max-width: 172px;" class="codTabla" >'+codigo+'</td>'+
  32.         '<td>'+nombre+'</td>'+
  33.         '<td>'+unidad+'</td>'+
  34.         '<td>'+cantidad+'</td>'+
  35.         '<td style="color: transparent;">0</td>'+
  36.         '<td align="center"><button type="button" id="eliminarFila" name="eliminarFila" class="btn btn-danger" onClick="eliminaFila(this)" >-</button></td>'+
  37.         '</tr>';   
  38.        
  39.         }
  40.        
  41.        
  42.  
  43.        
  44.         var objTabla=document.getElementById("tablaProd");  // capturamos la id de la tabla
  45.    
  46.         $(objTabla).find('tbody').append(strNueva_Fila);
  47.        
  48.                 $("#codigoProd").val("000");
  49.                 $("#nombreProd").val("");
  50.                 $("#um").val("");
  51.                 $("#cantidadProd").val("");
  52.                 $("#stockProd").val("");
  53.                 $('#checks').prop('');
  54.                 //$('#checks').prop('checked', false);
  55.        
  56.                
  57.                
  58.          return false;
  59.  
  60.         }
  61.         return false;
  62.     }
  63. });

Última edición por CHAEEZ; 12/05/2015 a las 08:08

Etiquetas: html, tabla
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:36.