由Json发送两个列表,并在JavaScript上从Array获取

Rog*_*edo 5 javascript arrays json

我的控制器上有两个列表,我将这个列表作为ARRAY发送到json中的JavaScript.

请在此处查看我的Controller代码:

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);
Run Code Online (Sandbox Code Playgroud)

我的list1 - Controller-1

我的list2 - COntroller-2

它的工作正常,我可以在JavaScript上看到两个ARRAYS:

$.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);
Run Code Online (Sandbox Code Playgroud)

现在我需要......

从list1(controller1)获取数据并将其放在4个字符串上,如:

var avalia1 = column[1].toString();
var avalia1 = column[2].toString();
var avalia1 = column[3].toString();
var avalia1 = column[4].toString();
Run Code Online (Sandbox Code Playgroud)

第二个List/Array将它传递给HTML表

 <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>
Run Code Online (Sandbox Code Playgroud)

Console Stringfy:

{ "AVAL":[{ "总计":160, "Avalia1":25, "Avalia2":88.75, "Avalia3":73.13, "Avalia4":86.88}], "resumo":[{ "鳕鱼":" 1195" , "Qtde":25, "结果":62},{ "鳕鱼": "1458", "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}]}

Rog*_*edo 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);

            },
Run Code Online (Sandbox Code Playgroud)