Skip to main content
agregue un ejemplo
Origen Enlace
John
  • 1.5k
  • 1
  • 6
  • 11

Prueba este ejemplo y dime como te fue ejemplo:.

 $(document).ready(function(){
  $.ajax({
                    type: 'POST',
                    url: "showStores.php",
                    data:{
                      'id':'helow'
                    },
                    success: function (mensaje) {
                   var data2=    JSON.parse(mensaje);

                        // tablamodificar
              var contenido=" <table class='table ' data-filtering='false' data-sorting='true' id='table2' style='text-align:center; vertical-align: text-top; border: solid; border-width: 1px; border-radius: 0;border-color: black;'>";
                                contenido+="<thead style='background: #064380;  color: white;'>";
                                contenido+="<tr>";
                                contenido+="<th data-breakpoints='' style='color: white;'>Nombre</th>";
                                contenido+="<th data-breakpoints='' style='color: white;'>Nombre Completo</th>";
                                contenido+="<th data-breakpoints='' style='color: white;'>Tipo de Documento</th>";
                                contenido+="<th data-breakpoints='' style='color: white;'>Numero de Documento</th>";
                                contenido+="<th data-breakpoints='' style='color: white;'>Email</th>";
                                contenido+="<th data-breakpoints='' style='color: white;'>Dirección</th>";
                                contenido+="<th data-breakpoints='' style='color: white;'>Altura</th>";
                                contenido+="<th data-breakpoints='' style='color: white;'>Piso</th>";
                                contenido+="<th data-breakpoints='' style='color: white;'>N° de telefono</th>";
                                contenido+="<th data-breakpoints='' style='color: white;'>Codigo postal</th>";
                                contenido+="<th data-breakpoints='' style='color: white;'>Ciudad </th>";
                                contenido+="<th data-breakpoints='' style='color: white;'>Provincia</th>";
                                contenido+="<th data-breakpoints='' style='color: white;'>Acción</th>";
                                contenido+="</tr>";
                                contenido+="</thead>";
                                contenido+="<tbody>";
            for (let index = 0; index < data2.length; index++) {
              contenido+="<tr id=\"tr_"+index+"\">";
              contenido+="<td>"+data2[index].short_name+"</td>";
              contenido+="<td>"+data2[index].name+"</td>";
              contenido+="<td>"+data2[index].doc_type+"</td>";
              contenido+="<td>"+data2[index].doc_number+"</td>";
              contenido+="<td>"+data2[index].email+"</td>";
              contenido+="<td>"+data2[index].address+"</td>";
              contenido+="<td>"+data2[index].stree_number+"</td>";
              contenido+="<td>"+data2[index].floor+"</td>";
              contenido+="<td>"+data2[index].phone+"</td>";
              contenido+="<td>"+data2[index].zip_code+"</td>";
              contenido+="<td>"+data2[index].city+"</td>";
              contenido+="<td>"+data2[index].state+"</td>";
              // console.log(array);
              contenido+="<td > <button id=\"editarSucursal_"+index+"\" type='button' class='btn btn-sm btn-primary' style='color:#CBA92A    ;' href='#'  ><i class='fas fa-pencil-alt'></i></button> <button type='button'  class='btn btn-sm btn-primary' style='color:red;' href='#'  ><i class='fa fa-times'></i></button> </td>";
              contenido+="</tr>";

            }
              contenido+="</tbody>";
              contenido+="</table>";

              $('#tablaStores').html(contenido);    
                
            for (let index = 0; index < data2.length; index++) {            
                var array = new Array(data2[index].short_name,data2[index].name,data2[index].doc_type,data2[index].doc_number,(data2[index].email),data2[index].address,data2[index].floor,data2[index].phone,data2[index].zip_code,data2[index].city,data2[index].state);
            $("#editarSucursal_"+index).attr('onclick','editarSucursal('+array+')');
                
            }
                


                  }
     });
 }); 

Prueba este ejemplo y dime como te fue ejemplo:.

 $(document).ready(function(){
  $.ajax({
                    type: 'POST',
                    url: "showStores.php",
                    data:{
                      'id':'helow'
                    },
                    success: function (mensaje) {
                   var data2=    JSON.parse(mensaje);

                        // tablamodificar
              var contenido=" <table class='table ' data-filtering='false' data-sorting='true' id='table2' style='text-align:center; vertical-align: text-top; border: solid; border-width: 1px; border-radius: 0;border-color: black;'>";
                                contenido+="<thead style='background: #064380;  color: white;'>";
                                contenido+="<tr>";
                                contenido+="<th data-breakpoints='' style='color: white;'>Nombre</th>";
                                contenido+="<th data-breakpoints='' style='color: white;'>Nombre Completo</th>";
                                contenido+="<th data-breakpoints='' style='color: white;'>Tipo de Documento</th>";
                                contenido+="<th data-breakpoints='' style='color: white;'>Numero de Documento</th>";
                                contenido+="<th data-breakpoints='' style='color: white;'>Email</th>";
                                contenido+="<th data-breakpoints='' style='color: white;'>Dirección</th>";
                                contenido+="<th data-breakpoints='' style='color: white;'>Altura</th>";
                                contenido+="<th data-breakpoints='' style='color: white;'>Piso</th>";
                                contenido+="<th data-breakpoints='' style='color: white;'>N° de telefono</th>";
                                contenido+="<th data-breakpoints='' style='color: white;'>Codigo postal</th>";
                                contenido+="<th data-breakpoints='' style='color: white;'>Ciudad </th>";
                                contenido+="<th data-breakpoints='' style='color: white;'>Provincia</th>";
                                contenido+="<th data-breakpoints='' style='color: white;'>Acción</th>";
                                contenido+="</tr>";
                                contenido+="</thead>";
                                contenido+="<tbody>";
            for (let index = 0; index < data2.length; index++) {
              contenido+="<tr id=\"tr_"+index+"\">";
              contenido+="<td>"+data2[index].short_name+"</td>";
              contenido+="<td>"+data2[index].name+"</td>";
              contenido+="<td>"+data2[index].doc_type+"</td>";
              contenido+="<td>"+data2[index].doc_number+"</td>";
              contenido+="<td>"+data2[index].email+"</td>";
              contenido+="<td>"+data2[index].address+"</td>";
              contenido+="<td>"+data2[index].stree_number+"</td>";
              contenido+="<td>"+data2[index].floor+"</td>";
              contenido+="<td>"+data2[index].phone+"</td>";
              contenido+="<td>"+data2[index].zip_code+"</td>";
              contenido+="<td>"+data2[index].city+"</td>";
              contenido+="<td>"+data2[index].state+"</td>";
              // console.log(array);
              contenido+="<td > <button id=\"editarSucursal_"+index+"\" type='button' class='btn btn-sm btn-primary' style='color:#CBA92A    ;' href='#'  ><i class='fas fa-pencil-alt'></i></button> <button type='button'  class='btn btn-sm btn-primary' style='color:red;' href='#'  ><i class='fa fa-times'></i></button> </td>";
              contenido+="</tr>";

            }
              contenido+="</tbody>";
              contenido+="</table>";

              $('#tablaStores').html(contenido);    
                
            for (let index = 0; index < data2.length; index++) {            
                var array = new Array(data2[index].short_name,data2[index].name,data2[index].doc_type,data2[index].doc_number,(data2[index].email),data2[index].address,data2[index].floor,data2[index].phone,data2[index].zip_code,data2[index].city,data2[index].state);
            $("#editarSucursal_"+index).attr('onclick','editarSucursal('+array+')');
                
            }
                


                  }
     });
 }); 

Estás creando mal el array.

estas creando mal el array

    var array = new Array(data2[index].short_name,data2[index].name,data2[index].doc_type,data2[index].doc_number,(data2[index].email),data2[index].address,data2[index].floor,data2[index].phone,data2[index].zip_code,data2[index].city,data2[index].state);

tienesTienes que escapar el codigocódigo al html y re100 allirecién allí colocarle el onclick='editarSucursal

estas creando mal el array

    var array = new Array(data2[index].short_name,data2[index].name,data2[index].doc_type,data2[index].doc_number,(data2[index].email),data2[index].address,data2[index].floor,data2[index].phone,data2[index].zip_code,data2[index].city,data2[index].state);

tienes que escapar el codigo al html y re100 alli colocarle el onclick='editarSucursal

Estás creando mal el array.

    var array = new Array(data2[index].short_name,data2[index].name,data2[index].doc_type,data2[index].doc_number,(data2[index].email),data2[index].address,data2[index].floor,data2[index].phone,data2[index].zip_code,data2[index].city,data2[index].state);

Tienes que escapar el código al html y recién allí colocarle el onclick='editarSucursal

Origen Enlace
John
  • 1.5k
  • 1
  • 6
  • 11

estas creando mal el array

    var array = new Array(data2[index].short_name,data2[index].name,data2[index].doc_type,data2[index].doc_number,(data2[index].email),data2[index].address,data2[index].floor,data2[index].phone,data2[index].zip_code,data2[index].city,data2[index].state);

tienes que escapar el codigo al html y re100 alli colocarle el onclick='editarSucursal