Problem loading data with JQuery in a table

Question

Problem loading data with JQuery in a table

Navigation

#1 by (0 votes)

-1

Good morning everyone.

I have the problem when loading some rows in a table, I have to click several times on the link that shows this table so that the rows appear.

$("#btnlogin").click(function (){
var user = $("#user").val();
var pass = $("#pass").val();
var opcion = 1;
$.post("personaCTR",{user:user,pass:pass,opc:opcion},function (data) {
    var login = JSON.parse(data);
    console.log(data);  
    if(login.op==1){
        $("#modalLogin").modal("hide");
        if(login.rolid==1){
            $("#gestion li:last").after(
                    "<li class='usu'><a class='page-scroll' onclick='adm()' href='#jsp'>Administradores</a></li><li class='usu'><a class='page-scroll' onclick='usu();' href='#jsp'>Usuarios</a></li><li class='usu'><a class='page-scroll' onclick='pro();' href='#jsp'>Productos</a></li><li class='usu'><a class='page-scroll' onclick='ven();' href='#jsp'>Ventas</a></li>");
        }
    }else{
        document.getElementById('alerta').style.display = 'block';
    }
});

});

Again, I must give several clicks so that the table with the data can be loaded correctly.

function adm(){
$.get("administradorCTR",{opc:1},function (data, status){
    var pro = JSON.parse(data); 
    $("#tablita_administrador").find("tr:gt(0)").remove();
    $.each(pro, function (index, obj){
        console.log(obj);
        $("#tablita_administrador tr:last").after(
            "<tr><td>"+obj.perid+"</td><td>"+obj.peruser+"</td><td>"+obj.perpassword+"</td><td>"+obj.adminombre+" "+obj.admiapellido+"</td><td>"+obj.admidni+"</td><td><button type='button' class='btn btn-warning' id='modificar_admi' name='"+obj.perid+"'>"+
            "<i class='fa fa-pencil' aria-hidden='true'></i></button></td><td><button type='button' class='btn btn-danger' id='eliminar_admi' name='"+obj.perid+"'><i class='fa fa-trash' aria-hidden='true'></i></a></td></tr>");
    });  
});
$('#jsp').load('look/administradores.jsp');

}

I would appreciate your help, Thank you.

javascript jquery html mvc controller

asked by Jhorman Ruswel 06.09.2017 в 00:13

source

1 answer

Help in saving image in SQL database MVC 5 and Entity 6.0 get the name of the file downloaded by a url, I clarify the name of the file is different from the url

score 0 · Accepted Answer

I ask, why do not you just use ajax? doing this

<stcript type="text/javascript">
  $(function () {
     $.ajax({
          url: "/tu/url",
          type: "get / post",  //alguno de los dos
          dataType: "json",
          succes: function(data){
             $.each(data, function(i, v){
                  $("#tutabla").append(<tr><td>v.valor1</td><td>v.valor2</td></tr>)
              })
          }
       })
   })

That case is valid to do this too ..

$(function () {
 $("#boton").click(function(){
     $.ajax({
      url: "/tu/url",
      type: "get / post",  //alguno de los dos
      dataType: "json",
      succes: function(data){
         $.each(data, function(i, v){
              $("#tutabla").append(<tr><td>v.valor1</td><td>v.valor2</td></tr>)
          })
      }
    })
  })

})