Simpan formulir html ke lembar excel menggunakan javascript

Sekarang, jika Anda ingin mengirim data ke server dan membuat buku di sana, maka itu akan tergantung pada bahasa sisi server Anda

Satu-satunya bagian yang umum adalah Anda memerlukan perpustakaan yang membaca/menulis buku excel dan, dengan itu, membuat buku

Mengekspor data ke Excel sangat berguna pada daftar data untuk hampir setiap aplikasi web. Fitur ekspor membantu mengunduh daftar data sebagai format file untuk penggunaan offline. Format Excel sangat ideal untuk mengekspor data dalam file. Sebagian besar metode sisi server digunakan untuk mengekspor data ke excel menggunakan PHP. Namun jika Anda menginginkan solusi sisi klien untuk mengekspor data tabel ke excel, ini dapat dilakukan dengan mudah menggunakan JavaScript

Fungsionalitas ekspor sisi klien membuat aplikasi web mudah digunakan. Menggunakan JavaScript, data tabel HTML dapat dengan mudah diekspor tanpa penyegaran halaman. Dalam tutorial ini, kami akan menunjukkan cara mengekspor data tabel HTML ke excel menggunakan JavaScript. Fungsi ekspor JavaScript dapat digunakan dalam daftar anggota, daftar produk, atau daftar lainnya untuk mengunduh daftar data dalam format file excel

Kode JavaScript
Fungsi exportTableToExcel() mengonversi data tabel HTML menjadi excel dan mengunduh sebagai file XLS (. xls)

• tableID_ – Diperlukan. Tentukan ID tabel HTML untuk mengekspor data
• filename – Opsional. Tentukan nama file untuk mendownload data excel

function exportTableToExcel(tableID, filename = ''){
    var downloadLink;
    var dataType = 'application/vnd.ms-excel';
    var tableSelect = document.getElementById(tableID);
    var tableHTML = tableSelect.outerHTML.replace(/ /g, '%20');
    
    // Specify file name
    filename = filename?filename+'.xls':'excel_data.xls';
    
    // Create download link element
    downloadLink = document.createElement("a");
    
    document.body.appendChild(downloadLink);
    
    if(navigator.msSaveOrOpenBlob){
        var blob = new Blob(['\ufeff', tableHTML], {
            type: dataType
        });
        navigator.msSaveOrOpenBlob( blob, filename);
    }else{
        // Create a link to the file
        downloadLink.href = 'data:' + dataType + ', ' + tableHTML;
    
        // Setting the file name
        downloadLink.download = filename;
        
        //triggering the function
        downloadLink.click();
    }
}

Data Tabel HTML
Tabel HTML berisi beberapa data pengguna dengan beberapa bidang dasar seperti nama, email, negara

    
        Name
        Email
        Country
    
    
        John Doe
        [email protected]
        USA
    
    
        Michael Addison
        [email protected]
        UK
    
    
        Sam Farmer
        [email protected]
        France
    

Tombol tersebut memicu fungsi exportTableToExcel() untuk mengekspor data tabel HTML menggunakan JavaScript

Export Table Data To Excel File

Jika Anda ingin mengekspor data dengan nama file khusus, berikan nama file yang Anda inginkan dalam fungsi exportTableToExcel()

Export Table Data To Excel File

Ekspor Data ke Excel di PHP

Kesimpulan

Kode contoh kami membantu Anda menambahkan fungsionalitas ekspor di tabel HTML tanpa plugin jQuery pihak ketiga atau skrip sisi server. Anda dapat dengan mudah mengekspor data tabel menggunakan kode JavaScript minimal. Selain itu, fungsionalitas kode contoh dapat ditingkatkan atau disesuaikan dengan mudah sesuai kebutuhan Anda

Apakah Anda ingin mendapatkan bantuan implementasi, atau memodifikasi atau meningkatkan fungsionalitas skrip ini?

Namun, kode yang berjalan di browser tidak memiliki akses ke sistem file pengguna. Anda akan dapat meminta pengguna untuk mengunduh file Excel yang dihasilkan, tetapi Anda tidak dapat memaksanya untuk menyimpan ke lokasi yang ditentukan. Anda juga tidak akan dapat membuka file lagi tanpa membuat pengguna memilihnya menggunakan

Tambahkan solusi Anda di sini

 B   I   U   S  small BIG code var  <   >   &  link [^] encode untab case indent outdent

Pratinjau 0

Anggota yang Ada

atau Bergabunglah dengan kami

Unduh, Pilih, Komentari, Publikasikan

Email ini sedang digunakan. Apakah Anda memerlukan kata sandi Anda?

Mohon saat menjawab pertanyaan

1. Baca pertanyaan dengan hati-hati
2. Pahami bahwa bahasa Inggris bukanlah bahasa utama semua orang, jadi toleran terhadap ejaan dan tata bahasa yang buruk
3. Jika pertanyaan diutarakan dengan buruk, mintalah klarifikasi, abaikan, atau edit pertanyaan dan perbaiki masalahnya. Penghinaan tidak diterima
4. Jangan beritahu seseorang untuk membaca manual. Kemungkinan mereka memiliki dan tidak mendapatkannya. Berikan jawaban atau lanjutkan ke pertanyaan berikutnya

Konten ini, bersama dengan kode sumber dan file terkait, dilisensikan di bawah The Code Project Open License (CPOL)

Bagaimana cara menyimpan data formulir HTML di Excel menggunakan JavaScript?

Bagaimana cara menyimpan data dari HTML ke Excel?

Bagaimana cara menyimpan data formulir HTML dalam spreadsheet?

Bagaimana cara memasukkan data ke dalam lembar Excel menggunakan JavaScript?