Table HTML à JSON

J'ai besoin de prendre les lignes de la table et de les convertir en JSON.

Des idées? J'ai ce code mais il ne fonctionne pas.

function tableToJSON(tableID) {
    return $(tableID + "  tr").map(function (row) {
        return row.descendants().pluck("innerHTML");
    }).toJSON();
}

source d'informationauteur Nate

  1. 16
    function tableToJson(table) {
    var data = [];

    //first row needs to be headers
    var headers = [];
    for (var i=0; i<table.rows[0].cells.length; i++) {
        headers[i] = table.rows[0].cells[i].innerHTML.toLowerCase().replace(//gi,'');
    }

    //go through cells
    for (var i=1; i<table.rows.length; i++) {

        var tableRow = table.rows[i];
        var rowData = {};

        for (var j=0; j<tableRow.cells.length; j++) {

            rowData[ headers[j] ] = tableRow.cells[j].innerHTML;

        }

        data.push(rowData);
    }       

    return data;
}

    Prises de John Dyer Blog

  2. 3

    essayer $("#"+tableID + " tr") à la place.

  4. 3

    J'étais malheureux avec toutes les solutions ci-dessus et a fini par écrire mon propre plugin jQuery pour réaliser cette opération. Il est très similaire à la solution, mais accepte plusieurs options pour personnaliser les résultats, comme en ignorant les lignes cachées, en remplaçant les noms de colonne et en remplaçant les valeurs des cellules

    Le plugin peut être trouvé ici avec des exemples si c'est plus ce que vous cherchez: https://github.com/lightswitch05/table-to-json

  5. 3

    Cette une a fonctionné pour moi: (je n'avais que 2 lignes dans mon tableau, th et td)

    function htmlToJson(table) {
    var obj = {},
        itemsLength = $(table.find('tbody tr')[0]).find('th').length;
    for (i=0;i<itemsLength;i++) {
        key = $(table.find('tbody tr')[0]).find('th').eq(i).text();
        value = $(table.find('tbody tr')[1]).find('td').eq(i).text();
        obj[key] = value;
    }
    return JSON.stringify(obj)
}
  6. 2

    HTML:

    <table id="answered">
<tbody>
    <tr>
      <td data-id="user.email">[email protected]</td>
      <td data-id="meme.yodawg">Yo Dog! I Heard you liked answers, so I answered your question, with a method wrapped in a jQuery plugin!</td>
    </tr>
</tbody>
</table>

    jQuery:

    (function($) {

  $.extend($.fn, {

    tableRowsToJSONWithFilter : function (filter) {
      var tableSelector = this, item, attr, data, _JSON = [];
      if (typeof(tableSelector) !== 'object') {
        return new Error('Invalid tableSelect!');
      };
      $(tableSelector, 'tr').each(function(index, tr) {
        item = {};
        $('td', $(this)).each(function(index, td) {
          attr = $(td).attr('data-id');
          data = $(td).text();
          if (attr !== undefined && data !== '' && filter && new RegExp(filter, 'i').test(attr)) {
            item[attr] = data;
          };
        });
        _JSON.push(item);
      });
      return _JSON;
    }

  })

})(jQuery);

    Utilisation:

    $('#answered').tableRowsToJSONWithFilter('yodawg');
  7. 0

    Tableau HTML avec thead et tbody:

        function htmlTableToJson(table, edit = 0, del = 0) {
        //If exists the cols: "edit" and "del" to remove from JSON just pass values = 1 to edit and del params
        var minus = edit + del;
        var data = [];
        var colsLength = $(table.find('thead tr')[0]).find('th').length - minus;
        var rowsLength = $(table.find('tbody tr')).length;

        //first row needs to be headers
        var headers = [];
        for (var i=0; i<colsLength; i++) {
            headers[i] = $(table.find('thead tr')[0]).find('th').eq(i).text();
        }

        //go through cells
        for (var i=0; i<rowsLength; i++) {
            var tableRow = $(table.find('tbody tr')[i]);
            var rowData = {};
            for (var j=0; j<colsLength; j++) {
                rowData[ headers[j] ] = tableRow.find('td').eq(j).text();
            }
            data.push(rowData);
        }       
        return data;
    }