Chuyển đổi dữ liệu bảng HTML thành đối tượng JSON trong jQuery

Question

Bất kỳ ai cũng biết cách chuyển đổi bảng giá trị HTML thành đối tượng JSON đẹp để được thao tác với jQuery?

Answer 1

Bảng HTML? Giống như, tất cả các nội dung <td> trong một mảng 2-d?

var tbl = $('table#whatever tr').map(function() { 
    return $(this).find('td').map(function() { 
    return $(this).html(); 
    }).get(); 
}).get(); 

Sau đó chỉ cần sử dụng $ .json (hoặc bất kỳ thư viện bạn muốn) để biến chúng thành một chuỗi JSON.

chỉnh sửa — lại ghi vào sử dụng có nguồn gốc (shim here) .map() từ nguyên mẫu mảng:

var tbl = $('table#whatever tr').get().map(function(row) { 
    return $(row).find('td').get().map(function(cell) { 
    return $(cell).html(); 
    }); 
}); 

Các jQuery .map() hàm có "tính năng" của phẳng mảng trở lại vào mảng kết quả. Tức là, nếu hàm gọi lại trả về một giá trị mà chính nó là một mảng, thì thay vì mảng trả về đó trở thành giá trị của một ô của kết quả .map(), mỗi phần tử của nó được thêm vào kết quả.

Nó có thể hoạt động để sử dụng phiên bản jQuery gốc và chỉ bọc thêm một mảng quanh giá trị trả về.

Answer 2

Tôi cần điều tương tự ngoại trừ khả năng bỏ qua cột, ghi đè các giá trị và không bị nhầm lẫn bởi các bảng lồng nhau. Tôi đã kết thúc viết một plugin jQuery bảng-to-json:

https://github.com/lightswitch05/table-to-json

Tất cả bạn phải làm là chọn bảng của bạn sử dụng jQuery và gọi các plugin:

var table = $('#example-table').tableToJSON(); 

Đây là một bản demo của nó hoạt động:

http://jsfiddle.net/Crw2C/173/

Answer 3

Bạn có phải là trường hợp sau đây không?

Given:

A1 B1 C1 ... 
A2 B2 C2 ... 
... 

cần thiết:

{"1": ["A1", "B1", "C1", ...], 
"2": ["A2", "B2", "C2", ...], ...} 

Vì vậy, sử dụng chức năng sau đó tạo ra một giá trị JSON-String chức năng mà không cần dấu "":

function html2json() { 
    var json = '{'; 
    var otArr = []; 
    var tbl2 = $('#dest_table tr').each(function(i) {   
     x = $(this).children(); 
     var itArr = []; 
     x.each(function() { 
     itArr.push('"' + $(this).text() + '"'); 
     }); 
     otArr.push('"' + i + '": [' + itArr.join(',') + ']'); 
    }) 
    json += otArr.join(",") + '}' 

    return json; 
} 

Answer 4

{ "0":"[ 
    ['Product','Available','Issue','With Store'], 
    ['GV Rs. 100/-','4461','0','226'], 
    ['PV RED','8','0','0'] 
    ]" 
}