Конвертировать таблицу HTMl в JSON + http://convertjson.com/html-table-to-json.htm

Question

Я ищу какое-нибудь решение для преобразования моих данных таблицы HTML в json. Этот сайт делает похожий

http://convertjson.com/html-table-to-json.htm

Я ищу код справки для преобразования. Я попробовал некоторые решения, но в какой-то момент все-таки возникла проблема.

Все, что мне нужно, это вывод json, чтобы я мог преобразовать его в массив и продолжить.

Answer 1

Вы можете использовать JQuery для этого.

Пример таблицы:

<table id='table'>
    <thead>
        <tr>
            <th class='table_head' width='80px'>Header1</th>
            <th class='table_head' width='435px'>Header2</th>
            <th class='table_head' width='100px'>Header3</th>
            <th class='table_head' width='100px'>Header4</th>
            <th class='table_head' width='100px'>Header5</th>
            <th class='table_head' width='100px'>Header6</th>
            <th class='table_head' width='100px'>Header7</th>
            <th class='table_head' width='80px'>Header8</th>
        </tr>
    </thead>
    <tbody>
        <!-- Rows -->
    </tbody>
</table>

Для выбора данных из таблицы вы можете использовать этот код

   $('#table tr').each(function (index, tr) {
        var cols = [];

        //get td of each row and insert it into cols array
        $(this).find('td').each(function (colIndex, c) {
            cols.push(c.textContent);
        });

        //insert this cols(full rows data) array into tableData array
        tableData.push(cols);
      });

И длязакодировать ваши данные как json вы можете использовать JSON.stringify ;

JSON.stringify(tableData)