Geek Answers Handbook

Send two lists of Json and Get from Array to JavaScript.

I have two lists on my controller, and I send these lists as ARRAY in json for JavaScript.

See my controller code here:

var aval = new List<AvaliacaoViewModel>();
aval = relData.GetAvaliacao(data_1, data_2, cliente, operador);

var resumo = new List<ResumoViewModel>();
resumo = relData.GetResumo(data_1, data_2, cliente, operador);               

var result = new { aval = aval, resumo = resumo };
return Json(result, JsonRequestBehavior.AllowGet);

My list1 - Controller-1

My List2 - COntroller-2

His work is beautiful, and I see two ARRAYS in JavaScript:

$.ajax({
            url: '/Relatorios/AvalOperador',
            dataType: "json",
            type: "GET",
            data: { 'data1': data1, 'data2': data2, 'operador': operador },
            success: function (data) {


            debugger;

            var aval1 = avalia.getValue(1);
            var aval2 = avalia.getValue(2);
            var aval3 = avalia.getValue(3);
            var aval4 = avalia.getValue(4);

Now I need ...

Get data from list1 (controller1) and put it on 4 lines, for example:

var avalia1 = column[1].toString();
var avalia1 = column[2].toString();
var avalia1 = column[3].toString();
var avalia1 = column[4].toString();

And the second list / array pass it to the HTML table

 <table class="table table-striped">
     <thead>
         <tr>
             <th>Cod</th>
             <th>Operador</th>
             <th>Qtde</th>
             <th>Pie </th>
         <th>Status</th>

         </tr>
     </thead>
     <tbody>
         <tr>
             <td>3120</td>                                           
             <td>Patrick Smith</td>
             <td>2</td>                                           
             <td><span class="pie">85/100</span></td>
             <td>85%</td>                                                                                   
         </tr>                                                                   
     </tbody>
 </table>

Console Stringfy:

{ "": [{ "": 160, "Avalia1": 25, "Avalia2": 88,75, "Avalia3": 73,13, "Avalia4": 86,88}], "resumo": [{ "": "1195", "Qtde" : 25, "" : 62}, { "" : "1 458", "Qtde" : 15, "" : 73,33}, { "" : "1722", "Qtde" : 3, "" : 58,33}, { "" : "2246", "Qtde" : 5, "" : 65}, { "" : "2509", "Qtde" : 16, "" : 62,5}, { "" : "2769", "Qtde" : 3, "" : 100}, { "" : "2918", "Qtde" : 4, "" : 68,75}, { "" : "3473", "Qtde" : 9, "" : 66,67}, { "" : "5044", "Qtde" : 8, "" : 81,25}, { "" : "5297", "Qtde" : 11, "" : 65,91}, { "" : "5463", "Qtde" : 2, "" : 100}, { "" : "5751", "Qtde" : 4, "" : 75}, { "" : "5967", "Qtde" : 5, "" : 75}, { "" : "6211", "Qtde" : 7, "" : 60,71}, { "" : "6558", "Qtde" : 8, "" : 53,13}, { "" : "7284", "Qtde" : 2, "" : 75}, { "" : "7939", "Qtde" : 17, "" : 67.65}, { "" : "7988", "Qtde" : 16, "" : 76,56}]}

+4
1

trincot, .

$.ajax({
            url: '/Relatorios/AvalOperador',
            dataType: "json",
            type: "GET",
            data: { 'data1': data1, 'data2': data2, 'operador': operador },
            success: function (data) {

                var aval1 = JSON.stringify(data.aval[0].Avalia1);
                var aval2 = JSON.stringify(data.aval[0].Avalia2);
                var aval3 = JSON.stringify(data.aval[0].Avalia3);
                var aval4 = JSON.stringify(data.aval[0].Avalia4);

                var resumo = "";

                for (var i in data.resumo) {
                    resumo += "<tr>" +
                        "<td>" + data.resumo[i].Cod + "</td>" +
                        "<td>" + data.resumo[i].Qtde + "</td>" +
                        "<td>" + data.resumo[i].Result + "</td>" +
                        "</tr>";
                }               

                $('#lbAvalia1').html(aval1);
                $('#lbAvalia2').html(aval2);
                $('#lbAvalia3').html(aval3);
                $('#lbAvalia4').html(aval4);
                $("#redumoBody").html(resumo);

            },
0

More articles:


All Articles