2

Tenho um conjunto de dados no banco de dados no meu back end, e preciso criar um botão na qual o usuário vai clicar para exportar esses dados em formato CSV. Mas nunca fiz esse tipo de evento no JS. Alguém pode me ajudar?

1 Resposta 1

0

Você pode criar um Ajax retornando de uma página PHP (ou outro script back-end) a lista de dados vinda do banco separados por vírgula e o usuário poderá fazer o download do arquivo .csv:

O JavaScript é este:

function baixar(){

   link_ = document.querySelector("#downloadcsv");

   if(link_){
      link_.outerHTML = '';
   }

   var http = false;
   http = new XMLHttpRequest();

   var url_="retorno.php";
   http.open("GET",url_,true);
   http.onreadystatechange=function(){
      if(http.readyState==4){
         var forma = "data:text/csv;charset=utf-8,";
         forma += http.responseText;

         // se quiser os valores separados por ; (ponto e vírgula)
         // substitua a linha acima por:
         // forma += http.responseText.split(",").join(";");

         var encoda = encodeURI(forma);
         var baixa = document.createElement("a");
         baixa.setAttribute("href", encoda);
         baixa.setAttribute("id", "downloadcsv");
         baixa.setAttribute("download", "arquivo.csv");
         document.body.appendChild(baixa);
         baixa.click();
      }
   }
   http.send(null);

}

Onde retorno.php é a página em PHP que irá retornar os dados do banco. Os dados retornados devem vir no formato abaixo:

dado1,dado2,dado3

E arquivo.csv é o nome do arquivo que será baixado.

Você deve criar um botão na página com o nome "Baixar arquivo" que irá chamar a função acima:

<input type="button" value="Baixar arquivo" onclick="baixar()">

Ou pode criar um link:

<a href="javascript:void(0)" onclick="baixar()">Baixar arquivo</a>
3
  • Fantástico... Muito obrigado!! 15/12/2017 às 14:37
  • @MarcusBotelho Valeu! Considere marcar ✓ na resposta se achou útil. Abs!
    – Sam
    15/12/2017 às 15:28
  • Ajudou sim. Mais uma vez, obrigado! 15/12/2017 às 17:46

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .