Заполните табличное представление с помощью jsonresult после отправки параметра httpost в хранимую процедуру

Question

  public class spSeguimientoCred_Result 
{ 
    public string DNI { get; set; }
    public string APELLIDO_PATERNO { get; set; }
    public string APELLIDO_MATERNO { get; set; }
    public string NOMBRES_DEL_NIÑO { get; set; }
    public Nullable<System.DateTime> FECHA_DE_NACIMIENTO { get; set; }
    public string EDAD { get; set; }
    public string TIPO_DE_SEGURO { get; set; }
    public string PROGRAMAS_SOCIALES { get; set; }
    public string CENTRO_POBLADO { get; set; }
    public string DIRECCION { get; set; }
    public string Establecimiento_Ultimo_Control { get; set; }
    public string UltimoControlCred { get; set; }
    public string ProximoControlCred { get; set; }
    public  string Establecimiento { get; set; }

}

ЭТО МОЯ МОДЕЛЬ

public JsonResult GetSeguimientoP(string Establecimiento)
    {
        var cadena = ConfigurationManager.ConnectionStrings["Cnn"].ConnectionString;
        List<spSeguimientoCred_Result> lista = new List<spSeguimientoCred_Result>();
        using (var cn = new SqlConnection(cadena))
        {
            try
            {
                cn.Open();
                using (var cmd = cn.CreateCommand())
                {
                    cmd.CommandText = "spSeguimientoCred";
                    cmd.CommandType = CommandType.StoredProcedure;
                    cmd.Parameters.AddWithValue("@textobuscar2", Establecimiento);
                    var drd = cmd.ExecuteReader();

                    while (drd.Read())
                    {
                        var atenciones = new spSeguimientoCred_Result
                        {
                            DNI = drd.GetString(drd.GetOrdinal("DNI")),
                            APELLIDO_PATERNO = drd.GetString(drd.GetOrdinal("APELLIDO PATERNO")),
                            APELLIDO_MATERNO = drd.GetString(drd.GetOrdinal("APELLIDO MATERNO")),
                            NOMBRES_DEL_NIÑO = drd.GetString(drd.GetOrdinal("NOMBRES DEL NIÑO")),
                            FECHA_DE_NACIMIENTO = drd.GetDateTime(drd.GetOrdinal("FECHA DE NACIMIENTO")),
                            EDAD = drd.GetString(drd.GetOrdinal("EDAD")),
                            TIPO_DE_SEGURO = drd.GetString(drd.GetOrdinal("TIPO DE SEGURO")),
                            PROGRAMAS_SOCIALES = drd.GetString(drd.GetOrdinal("PROGRAMA SOCIAL")),
                            CENTRO_POBLADO = drd.GetString(drd.GetOrdinal("NOMBRE DE CENTRO POBLADO")),
                            Establecimiento_Ultimo_Control = drd.GetString(drd.GetOrdinal("ESTABLECIMIENTO")),
                            UltimoControlCred = drd.GetString(drd.GetOrdinal("UltimoControlCred")),
                            ProximoControlCred = drd.GetString(drd.GetOrdinal("ProximoControlCred"))
                        };
                        lista.Add(atenciones);
                    }
                }
            }
            catch (Exception ex)
            {

                throw ex;
            }
            finally
            {
                if (cn.State == ConnectionState.Open) cn.Close();
            }
        }

        return Json(lista.ToList(), JsonRequestBehavior.AllowGet);
    }

Это мой метод jsonresult в контроллере. Этот метод может вернуть все данные, которые мне нужны, проблема в том, когда я пытался показать их в своей таблице. Данные отображаются как json [{"DNI": 546164 ...}].

<script type="text/javascript">
$(document).ready(function () {
    var tr;
    $("#btnSeguimiento").on("click", function (eve) {
        eve.preventDefault();

        $('#tableSeguimiento tbody').empty();
        var Establecimiento = $("#Establecimiento").val();

        if (Establecimiento == null) {
            document.alert("Ingrese Establecimiento");
            return;
        }

        $.ajax({
            url: '@Url.Action("GetSeguimientoP", "Seguimiento")',
            type: "GET",
            contentType: "application/json; charset=utf-8",
            data: { 'Establecimiento': Establecimiento },
            dataType: "json",
            success: function (data) {

                $.each(data, function (i, item) {
                    var row = "";
                    row += "<tr><td>" + item.ClientNo
                        + "</td><td>" + item.ClientName
                        + "</td></tr>";
                    $('#tblClients tbody').append(row);
                })
            },
            error: function (result) {
                alert("Error");
            }
        })
    });
});

Вот как я пытался показать это в таблице. Передача параметра Establecimiento моему методу.

Спасибо заранее.

Answer 1

Я уже сделал предположение в JSON. Если вы можете предоставить образец JSON, мы можем уточнить решение.

let sampleJSON = {
  clients: [{
      ClientNo: 1,
      ClientName: 'test'
    },
    {
      ClientNo: 2,
      ClientName: 'test2'
    }
  ]
};



const processData = (data) => {
  let row = "";
  console.log(data.clients);
  data.clients.forEach(client => {    
    row += `<tr>
              <td>${client.ClientNo}</td>
              <td>${client.ClientName}</td>
            </tr>`;

  });
  console.log(row);
  $('#tblClients tbody').append(row);
};

processData(sampleJSON);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="tblClients">
  <tbody>
  </tbody>
</table>