Eu tenho um arquivo json gigantesco e queria abri-lo em um jquery datatable
fiz um script que popula o arquivo .json em uma tabela do jquery datatable, mas o problema é que não está populando da maneira que gostaria: http://www.scarsphoto.com.br/teste/comparacao.html Além disso, eu estou dando copy/paste e armazenando em uma array de objetos e mandando popular na tabela, desse jeito não está dando certo.
esse é o script:
var json = [{
"tempoNS" : 4251649,
"tempoMS" : 4,
"tamanhoArray" : 1999,
"nome" : "Bubble iterativo"
}, {
"tempoNS" : 3064749,
"tempoMS" : 3,
"tamanhoArray" : 1999,
"nome" : "Bubble recursivo"
}, {
"tempoNS" : 994920,
"tempoMS" : 0,
"tamanhoArray" : 1999,
"nome" : "Insertion iterativo"
}, {
"tempoNS" : 908287,
"tempoMS" : 0,
"tamanhoArray" : 1999,
"nome" : "Insertion recursivo"
}, {
"tempoNS" : 1500831,
"tempoMS" : 1,
"tamanhoArray" : 1999,
"nome" : "Selection iterativo"
}, {
"tempoNS" : 1461891,
"tempoMS" : 1,
"tamanhoArray" : 1999,
"nome" : "Selection recursivo"
}, {
"tempoNS" : 176888,
"tempoMS" : 0,
"tamanhoArray" : 1999,
"nome" : "Merge iterativo"
}, {
"tempoNS" : 187754,
"tempoMS" : 0,
"tamanhoArray" : 1999,
"nome" : "Merge recursivo"
}, {
"tempoNS" : 105348,
"tempoMS" : 0,
"tamanhoArray" : 1999,
"nome" : "Quick recursivo"
}, {
"tempoNS" : 160588,
"tempoMS" : 0,
"tamanhoArray" : 1999,
"nome" : "Heap recursivo"
}, {
"tempoNS" : 100217,
"tempoMS" : 0,
"tamanhoArray" : 1999,
"nome" : "CombSort Sem Otimização"
}
];
var tamanhoJson = json.length;
var results = "";
for (var i = 0; i < tamanhoJson; i++) {
results += "<tr>";
results += "<td>" + json[i].tamanhoArray + " Elementos</td>";
results += "<td>" + json[i].nome + " </td>";
results += "<td>" + json[i].tempoNS + " ns</td>";
results += "<td>" + json[i].tempoMS + " ms</td>";
results += "</tr>";
}
results += "<br />";
var div = document.getElementById("example");
console.log(results);
div.innerHTML = results;
se eu faço com os dados já populados no html, funciona: http://scarsphoto.com.br/teste/comparacao-com-dados-ja-populados-no-html
esse é arquivo .json que gostaria de popular no datatable jquery: http://www.scarsphoto.com.br/teste/teste.json
estou seguindo este exemplo: https://www.datatables.net/manual/styling/bootstrap-simple.html
qual a melhor maneira de se fazer, é via ajax? desconheço tal procedimento, poderiam me falar como eu faço?