Преобразуйте данные таблицы HTML в объект JSON в jQuery, игнорируя определенный столбец - PullRequest
Новая
       2

Преобразуйте данные таблицы HTML в объект JSON в jQuery, игнорируя определенный столбец

2 голосов
/ 01 мая 2019

Преобразование таблицы значений HTML в объект JSON для управления с помощью jQuery путем игнорирования значения конкретного столбца

Например: У меня есть стол, 

fstname lastName    Age
john    gobby   8
Adams   mekander    10
jimmy   Rumpel  11

И мне нужен результат json, как я упоминал ниже,

Мой код выглядит следующим образом, 

$(document).ready(function () {
            $("#ConvertJsonButton").click(function () {
                var myRows = [];
                var headers = [];
$("#tablesort tr#datajson").each(function(index) {
    if (index === 0) {
                //for headers
                   $cells = $(this).find("td.cellClass");
                    headers[index] = {};                 
    $cells.each(function (cellIndex) {                                  
    headers[cellIndex] = $(this).text();                                                    
                 });
    }               
    else {                      
                $cells = $(this).find("td.cellClass");
        myRows[index] = {};
    $cells.each(function (cellIndex) {                                                  
        myRows[index][headers[cellIndex]] = $(this).text();
            });                     
                    }
    });             
        var myObj = {};
        myObj.myrows = myRows;              
        alert(JSON.stringify(myObj));               
            });
        });

Я хочу этот результат: 

{
  "john": {
    "lastName": "gobby",
    "Age": "8"
  },
  "Adams": {
    "lastName": "Mekander",
    "Age": "10"
  },
  "jimmy": {
    "lastName": "Rumpel",
    "Age": "11" 
  },
}

1 Ответ

1 голос
/ 01 мая 2019

Использование jquery.tabletojson.min.js 

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://www.github.developerdan.com/table-to-json/javascripts/jquery.tabletojson.min.js"></script>
<script>
$(document).ready(function(){
  $('#run').click( function() {
    var table = $('#example-table').tableToJSON();
    var data = {};
    $.each(table, function(key, value) {
        var jsonKey = value.firstname;
        var map = {};
        map = value;
        map.firstname = undefined;
        data[jsonKey] = map;
    }); 
    alert(JSON.stringify(data));
    console.log(JSON.stringify(data));
});
});
</script>
</head>
<body>

<table id="example-table" class="table table-striped" border="1">
   <thead>
      <tr>
         <th>firstname</th>
         <th>lastname</th>
         <th>age</th>
      </tr>
   </thead>
   <tbody>
      <tr>
         <td>john</td>
         <td>goby</td>
         <td>8</td>
      </tr>
      <tr>
         <td>Adams</td>
         <td>mekander</td>
         <td>10</td>
      </tr>
      <tr>
         <td>jimmy</td>
         <td>Rumpel</td>
         <td>11</td>
      </tr>
   </tbody>
</table>
<button id="run" class="btn btn-primary">Convert!</button>

</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...