Duplicando Tabela

1. Duplicando Tabela

Rodrigo
rpbiaggio

(usa Outra)

Enviado em 25/06/2020 - 10:12h

Pessoal, bom dia!! Preciso de ajuda com um javascript.

Eu estou chamando uma API e colocando os dados em uma tabela.

Está funcionando legal, porém, quando eu clico no botão pela segunda vez as linhas são duplicadas. Quando fecho o modal, queria que fosse feito tipo um refresh ou fosse limpo os dados para sempre mostrar apenas uma vez as entradas.

Alguém consegue ajudar?


$(document).ready(function(){
$("#button-buscar-licencas").click(function(){
var urlapi = 'http';
var url=urlapi;
var xhttp = new XMLHttpRequest();
xhttp.open("GET", url, false);
xhttp.send();
var obj = JSON.parse(xhttp.responseText);
var data_map = new Map();
var index = 0;
for (i = 0; i < obj.length; i++) {
if(data_map.has(obj[i].hostGroup.name)) {
data_map.set(obj[i].hostGroup.name, data_map.get(obj[i].hostGroup.name) + +obj[i].consumedHostUnits);
}
else {
data_map.set(obj[i].hostGroup.name, +obj[i].consumedHostUnits);
}
}
const objConverted = Object.fromEntries(data_map);
var myJSON = JSON.stringify(objConverted);
data_map.forEach(montaTabelaLicencas);
event.preventDefault();
});
});

function montaTabelaLicencas(hostgroup, licenca) {

var newRow = $('<tr class="licenca">');
var cols = "";

cols += '<td class="hostgroup-info" id="texto-hostgroup">' + licenca + '</td>';
cols += '<td class="licenca-info" id="text-licenca">' + hostgroup + '</td>';
cols += '<td class="actions">';
cols += '<button type="button" class="btn fas fa-copy" id="button-copy" disabled title="Em Breve"></button>';

newRow.append(cols);

$("#table-licencas").append(newRow);
return false;
};




  






Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts