Membuat Export Excel Dari Mysql Menggunakan Jquery PHP

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.

7 April 2019

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Seminar Java April 2024 di DUMET School
chat