HTML表從另一個URL轉換為JSON

Question

大家好，我正在使用此lib將html表轉換為json array 。

http://lightswitch05.github.io/table-to-json/

有了這個，我的表就被轉換成許多對象，並在chrome控制台中顯示出來。

當我與表格在同一頁面上但我想將json放在另一頁上時，它可以工作。 最初，我這樣做是針對我的元素並使其進行轉換，但沒有任何運氣嗎？

$.get("http://support.jonar.com/support/default.asp?W2305", function(data) {
    var table_csv = $("table.testtable").html(data); //this gives me the entire html doc
    console.log(table_csv);
    var myjson = $(table_csv).tableToJSON();
});

返回table_csv的整個文檔。 另外，當我將html <table></table>到變量中並運行$(table_csv).tableToJSON(); 我得到一個空值，我只看到[]

多謝你們！

Answer 1

您可以使用Range.createContextualFragment將數據轉換為DocumentFragment 。

然后，您可以使用querySelector查找表，並使用jQuery將其獲取以調用tableToJSON 。

var frag = document.createRange().createContextualFragment(data);
$(frag.querySelector('table')).tableToJSON();

---

更新

由於不起作用，可能是因為tableToJSON要求將元素放置在文檔中才能起作用。 因此，您可以執行以下操作：

var frag = document.createRange().createContextualFragment(data);
var tbl = frag.querySelector('table');
document.body.appendChild(tbl);
var myjson = $(tbl).tableToJSON();
tbl.parentNode.removeChild(tbl);

這樣，您可以臨時將表追加到文檔中，以獲取JSON，並在生成JSON后立即將其刪除。 如果該解決方案也不起作用，請發表評論。