0

Estoy poblando <table> con ajax, pero no me carga nada, ni tampoco un error, probé con un alert las respuestas de Ajax y no estan vacias, ningun parámetro es null;

<div id="tb" style="overflow-x: auto;padding-right: 15px;">
    <table id="#tablaPendientes" class="table table-bordered">
        <thead>
            <tr class="thead">
                <th>Cliente</th>
                <th>Monto</th>
                <th>Fecha</th>
                <th>Estado</th>
                <th>Detalles</th>
            </tr>
        </thead>
        <tbody>

        </tbody>
    </table>
    <div id="ttb"></div>
</div>

JS

function nombreFCl(i, ls, c, j) {
    $.ajax({
        url: 'nombreCl',
        type: 'GET',
        data: {id: i},
        success: function (r) {
            var bm = "<button type='button' style='width: 100%' class='btn btn-primary' data-toggle='modal' data-target='#modalDetalle' onclick='detalle(" + ls.factura.idFactura + ")'><i class='fa fa-cogs'></i><label>Detalles</label></button>";
            $("#tablaPendientes").append("<tr><th>" + r.l + "</th><th>" + (ls.factura.montoF - ls.factura.descuentoF) + "</th><th>" + ls.factura.fechaEf + "</th><th>" + ls.factura.estadoF + "</th><th>" + bm + "</th></tr>");

        }
    });
}

Respuesta

introducir la descripción de la imagen aquí

4
  • Si te fijas en la url del ajax no tienes una url valida del servicio donde quieres recuperar los datos. Commented el 21 abr. 2018 a las 17:57
  • ¿cómo?, pero si ya tengo los datos, estoy usando JAVA, los datos existen, pero no me carga el TABLE, ni siquiera sale error
    – user75463
    Commented el 21 abr. 2018 a las 18:07
  • Los datos llega al metodo success? Commented el 21 abr. 2018 a las 18:24
  • claro que si, llegan al success, pero no carga nada al <table>
    – user75463
    Commented el 23 abr. 2018 a las 14:52

1 respuesta 1

2

Estas tratando de insertar un tr en la definición de la tabla y no en el body de la misma:

En tu HTML:

En el id de la tabla, elimina la almohadilla:

<table id="#tablaPendientes">

por esto:

<table id="tablaPendientes">

Cambia esta linea de codigo:

$("#tablaPendientes").append("<tr><th>" + r.l + "</th><th>" + (ls.factura.montoF - ls.factura.descuentoF) + "</th><th>" + ls.factura.fechaEf + "</th><th>" + ls.factura.estadoF + "</th><th>" + bm + "</th></tr>");

Por esta:

$("#tablaPendientes tbody").append("<tr><th>" + r.l + "</th><th>" + (ls.factura.montoF - ls.factura.descuentoF) + "</th><th>" + ls.factura.fechaEf + "</th><th>" + ls.factura.estadoF + "</th><th>" + bm + "</th></tr>");
4
  • continua igual, sin errores, sin nada; tambien probé si no instanciaba, el table, pero lo hace
    – user75463
    Commented el 23 abr. 2018 a las 14:51
  • puedes postear lo que te devuelve el servicio ajax en el metodo success? Commented el 23 abr. 2018 a las 14:52
  • lo tengo, este era el problema id="#tablaPendientes"
    – user75463
    Commented el 23 abr. 2018 a las 15:27
  • Lo acabo de ver, actualizaré mi respuesta con la solución. Que bueno que te haya funcionado. Commented el 23 abr. 2018 a las 18:55

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.