如何显示不带属性名称的数据

时间:2018-11-02 11:49:56

标签: javascript html-table

我面临的问题是我想将数据呈现到表上,并且我不想使用属性名来呈现它,因为有很多字段 这是我的代码:

+----+------------+------------+---------------+-------+-------+
| id | first_name | last_name  |   currency    | Sales | Stock |
+----+------------+------------+---------------+-------+-------+
|  1 | Giovanna   | Christon   | Peso          |    10 |    12 |
|  2 | Roderich   | MacMorland | Peso          |     8 |    10 |
|  3 | Bond       | Arkcoll    | Yuan Renminbi |     4 |     6 |
|  1 | Giovanna   | Christon   | Peso          |    11 |    13 |
|  2 | Roderich   | MacMorland | Peso          |     9 |    11 |
|  3 | Bond       | Arkcoll    | Yuan Renminbi |     5 |     7 |
|  1 | Giovanna   | Christon   | Peso          |    15 |    17 |
|  2 | Roderich   | MacMorland | Peso          |    10 |    12 |
|  3 | Bond       | Arkcoll    | Yuan Renminbi |     6 |     8 |
|  1 | Giovanna   | Christon   | Peso          |    17 |    19 |
|  2 | Roderich   | MacMorland | Peso          |    11 |    13 |
|  3 | Bond       | Arkcoll    | Yuan Renminbi |     7 |     9 |
+----+------------+------------+---------------+-------+-------+

如果我的当前数据中有2行,那么我的reeulst将被复制,然后它将重复该数据到您可以看到结果的表上

这是json中的解析数据

$.ajax(settings).done(function (response) {
             var parse = JSON.parse(response)
             var temp = []
             var temprow = []
             // var tempcol = []
             var data = JSON.parse(parse.GridData)
             var temp2 = valuesToArray(data[0])
              var editdata = data
              console.log(editdata)
              for (var j =0; j < editdata.length; j++) {
              var tempObjectValues= Object.values(editdata[j])      
                  for(var i = 0; i < tempObjectValues.length ; i++ ){
                        Array.prototype.push.apply(temp, [tempObjectValues[i]]);
                  }
                  temprow.push(temp)
              }
              console.log(temprow,"row")
)}

这只是我数组中的第一个索引数组数据 我希望此数组作为另一个数组上没有属性名的所有属性值

1 个答案:

答案 0 :(得分:1)

更新了我的答案。尝试如下

$.ajax(settings).done(function (response) {
    var parse = JSON.parse(response);
    var temp = [];
    var temprow = [];
    // var tempcol = [];
    var data = JSON.parse(parse.GridData);
    var temp2 = valuesToArray(data[0]);
    var editdata = data;
    temprow = editdata.map(function(i) { return Object.values(i); });       
    console.log(temprow,"row")
)}

您需要在第一个for循环的开头内初始化temp = []。尝试如下操作:

$.ajax(settings).done(function (response) {
    var parse = JSON.parse(response);
    var temp = [];
    var temprow = [];
    // var tempcol = [];
    var data = JSON.parse(parse.GridData);
    var temp2 = valuesToArray(data[0]);
    var editdata = data;
    for (var j =0; j < editdata.length; j++) {
        var tempObjectValues= Object.values(editdata[j])
        temp = [];
        for(var i = 0; i < tempObjectValues.length ; i++ ){
            Array.prototype.push.apply(temp, [tempObjectValues[i]]);
        }
        temprow.push(temp)
    }
    console.log(temprow,"row")
)}