none
Mostrar datos desde DB en una tabla con id - ASP.NET C# RRS feed

  • Pregunta

  • Buenas tardes 

    no eh podido cargar mi tabla con datos desde la DB usando Ajax 

    tengo este codigo para consultar una lista de los registros mi tabla en la BD

      public static List<Cliente> ListaClientes() 
            {
                List<Cliente> lista = new List<Cliente>();
                using(SqlConnection conex = Conexion.ObtenerConexion())
                {
                    SqlCommand cmd = new SqlCommand(string.Format("select c_id, c_nombres, c_apellidos, c_telefono, c_direccion from Cliente"), conex);
                    SqlDataReader reader = cmd.ExecuteReader();
    
                    while(reader.Read())
                    {
                        Cliente client = new Cliente();
                        client.id = reader.GetInt32(0);
                        client.nombres = reader.GetString(1);
                        client.apellidos = reader.GetString(2);
                        client.telefono = reader.GetString(3);
                        client.direccion = reader.GetString(4);
    
                        lista.Add(client);
                    }
    
                    conex.Close();
                }
                return lista;
            }

    Este metodo lo llamo en la pagina donde voy a mostrar mi lista de clientes (VerClientes.aspx) asi

      protected void Page_Load(object sender, EventArgs e)
            {
    
            }
    
            [WebMethod]
            public static List<Cliente>ListaClientes()
            {
                List<Cliente> lista = new List<Cliente>();
                lista = Conexion.ListaClientes();
                return lista;
            }

    hasta aqui todo esta muy bien si pongo un punto de interrupcion o breakpoint en return lista puedo ver los cuantas filas eh cosultado y ver cada uno de los registros 

    pero lo que no logro hacer el mostrar estos registros en mi tabla en la parte html por supuesto(usuando el id de mi tabla) por medio de ajax  aqui mi codigo ajax

    function addRowDT(data) {
        var tabla = $("#clientes").DataTable();
    
        for (var i = 0; i < data.length; i++) {
            //agregar objetos al datatable
            tabla.fnAddData([
                data[i].id,
                data[i].nombres,
                data[i].apellidos,
                data[i].telefono,
                data[i].direccion
            ]);
        }
    }
    
    //llamar a la funcion AddRowDT que añade objetos a el datatable
    function sendDataAjax() {
        $.ajax({
            type: "POST",
            //url donde se va ejutar el metodo por medio de ajax
            url: "VerClientes.aspx/ListaClientes",
            data: {},
            contentType: 'application/json; charset=utf-8',
            error: function (xhr, ajaxOptions, thrownError) {
                //imprimir por consola el error
                console.log(xhr.status + "\n" + xhr.responseText, "\n" + thrownError);
    
            },
            success: function (data) {
                alert("Si hay clientes");
                addRowDT(data.d);
            }
        });
    }
    

    No ya dije no puedo hacer que se muestren los datos en mi tabla lo unico que me sale es el alert todo esta bueno lo unico que me falta es mostrar los datos en la tabla referenciandola con el id 

    quisiera que dijeran como puedo solucionar esto y otras formas de mostrar los datos en la tabla solo me falta el ajax 

    Muchas gracias.................

    miércoles, 25 de julio de 2018 22:35