Membuat Export Excel Dari Mysql Menggunakan Jquery PHP

07/04/2019    Shelli Ripati    176     Website

Export memudahkan kita dalam mengambil suatu data. Pembahasan sebelumnya saya sudah membahas tentang cara membuat export menggunakan php. Dan pada kesempatan kali ini masih berhubungan dengan export yaitu Membuat Export Excel Dari Mysql Menggunakan Jquery PHP. Sebelum membuat struktur html teman-teman bisa buat desain databasenya seperti gambar di bawah ini.

Membuat Export Excel Dari Mysql Menggunakan Jquery PHP

Jika sudah maka kita lanjut membuat struktur htmlnya untuk Membuat Export Excel Dari Mysql Menggunakan Jquery PHP sebagai berikut ini.

<?php 

 $connect = mysqli_connect("localhost", "dumet", "school", "test"); 

 $query ="SELECT * FROM import ORDER BY id desc"; 

 $result = mysqli_query($connect, $query); 

 ?> 

 <!DOCTYPE html> 

 <html> 

      <head> 

           <title>Membuat Export Excel Dari Mysql Menggunakan Jquery PHP</title> 

           <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 

           <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /> 

           <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 

      </head> 

      <body> 

           <div class="container" style="width:900px;"> 

                <h2 align="center">Membuat Export Excel Dari Mysql Menggunakan Jquery PHP</h2>

                     Download File : <button name="create_excel" id="create_excel" class="btn btn-success">Excel Export</button>

                <br />  

                <div class="table-responsive" id="employee_table"> 

                     <table class="table table-bordered">  

                          <tr> 

                               <th width="20%">ID</th> 

                               <th width="30%">Nama</th> 

                               <th width="50%">Email</th> 

                          </tr> 

                     <?php  $i=1;

                     while($row = mysqli_fetch_array($result)){ 

                     ?> 

                          <tr> 

                               <td><?php echo $i++; ?></td>

                               <td><?php echo $row["name"]; ?></td>  

                               <td><?php echo $row["email"]; ?></td> 

                          </tr> 

                     <?php } ?> 

                     </table> 

                </div> 

           </div> 

      </body>

</html>

Kemudian buat event click menggunakan jquery sekaligus mengirimkan data yang akan di export.

<script> 

       $(document).ready(function(){ 

            $('#create_excel').click(function(){ 

                 var excel_data = $('#employee_table').html(); 

                 var page = "export.php?data=" + excel_data; 

                 window.location = page; 

            }); 

       }); 

      </script>

Langkah terakhir teman-teman buat satu file baru dengan nama export.php dan berikut ini scriptnya.

<?php

 header('Content-Type: application/vnd.ms-excel'); 

 header('Content-disposition: attachment; filename='.rand().'.xls'); 

 echo $_GET["data"]; 

 ?> 

Dan jika teman-teman buka di browser maka akan tampil seperti gambar di bawah ini.

Membuat Export Excel Dari Mysql Menggunakan Jquery PHP

Demikian artikel tentang cara Membuat Export Excel Dari Mysql Menggunakan Jquery PHP. Semoga dapat bermanfaat dan selamat mencoba.

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More