如何迭代表tr并创建json对象 [英] How do I iterated over table tr and create json objects

问题描述

I have a table from which i would like to iterate over and create json data. 
	I would like to get properties from column head and value from tbody td.
I would like to get myContact = [{Name = "Mary Jane", Gender= "female"},{Name = "Peter Parker", Gender= "male"}]

< br $> b $ b

<pre><table>
<thead>
<tr><td>Name</td><td>Gender</td></tr>
</thead>
<tbody>
<tr><td>Mary Jane</td><td>female</td></tr>
<tr><td>Peter Parker</td><td>Male</td></tr>
</tbody>
</table>

我尝试过的事情：



我只能做创建数组Array对象。

What I have tried:

I only able to create Array of Array object.

$('#myButton').on('click', function () {
            var table = $('#myTable');
            var data = getTableData(table);
            console.log(data);

            $.ajax({
                url: "/home/DownloadContacts",
                method: "get",
                data: { "list": data , "type":1}
            }).done(function (response) {
                console.log(response.data);
            });
        });

        function getTableData(table) {
            var data = [];
            var target = $('tr').not('thead tr');
            //table.find('tr').each(function (rowIndex, r) {
            target.each(function (rowIndex, r) {
                var cols = [];
                $(this).find('th,td').each(function (colIndex, c) {
                    cols.push(c.textContent);
                });
                data.push(cols);
            });
            return data;
        }

推荐答案

（'#myButton'）。on（'click'，function（）{
var table =

('#myButton').on('click', function () { var table =

（'＃myTable'）;
var data = getTableData （表）;
console.log（数据）;

('#myTable'); var data = getTableData(table); console.log(data);

.ajax（{
url：/ home / DownloadContacts，
方法： get，
data：{list：data，type：1}
}）。done（function（response）{
console.log（response.data）;
}）;
}）;

函数getTableData（table）{
var data = [];
var target =

.ajax({ url: "/home/DownloadContacts", method: "get", data: { "list": data , "type":1} }).done(function (response) { console.log(response.data); }); }); function getTableData(table) { var data = []; var target =

这篇关于如何迭代表tr并创建json对象的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！