Formulir akan terbuka menampilkan tata letak lembar kerja Excel yang disematkan. Ubah sesuai, dan salin Kode Semat (yang ada di JavaScript) ke halaman web yang diperlukan untuk menyematkan file Excel ke halaman web itu
Sematkan Tabel Google Spreadsheet ke dalam HTML
Setelah membuat file Google Spreadsheet, Anda dapat memublikasikannya ke web dan membagikannya ke banyak pengguna dengan mengirimkan tautan ke sheet itu sendiri kepada pengguna
- Di menu File, pilih Publikasikan ke web
- Pilih dari Tautan atau Sematkan
- Pilih salah satu Seluruh Dokumen, atau lembar yang diperlukan
- Klik Terbitkan
Anda sekarang dapat mengirim tautan yang dibuat ke pengguna mana pun yang Anda inginkan untuk membuka file di web
- Untuk menghapus file dari web, pilih Konten dan setelan yang dipublikasikan > Hentikan publikasi
- Klik OK pada pesan Google yang muncul untuk menghapus dokumen dari web
Catatan. Jika Anda memilih Sematkan, itu akan menghasilkan kode HTML untuk disertakan di situs web atau blog Anda sendiri. Kode HTML ini kemudian akan menyematkan data Google Sheets ke situs web Anda
Jika Anda seperti kami dan sering membuat situs web di mana tidak ada yang memerlukan server dan database kecuali beberapa formulir, Anda juga pasti merasa frustrasi dengan semua pekerjaan ekstra yang harus Anda lakukan hanya untuk menyimpan data dari beberapa bidang.
2. Tulis fungsi SubForm() di antara dua tag skrip (baris 9–23)
Fungsi SubForm() ada di bawah. Anda akan mengganti URL di bawah ini dengan URL yang Anda peroleh di Langkah 3. Fungsi lainnya akan tetap sama
Kami akan membahas fungsi ini secara lebih rinci di akhir posting ini, tetapi untuk saat ini yang perlu Anda ketahui adalah jika data berhasil disimpan, peringatan akan muncul dengan mengatakan Formulir Data Dikirim. ) jika tidak, peringatan akan muncul mengatakan Ada kesalahan. (
<script>function SubForm (){
$.ajax({
url:'//api.apispreadsheets.com/data/410/',
type:'post',
data:$("#myForm").serializeArray(),
success: function(){
alert("Form Data Submitted :)")
},
error: function(){
alert("There was an error :(")
}
});
}
</script>_
Itu dia. Kami telah melakukan semua yang diperlukan untuk menyimpan data dari formulir web kami ke spreadsheet kami
Sekarang mari kita coba dan lihat bagaimana melihat data kita
Pengujian
- Simpan file HTML Anda dan buka di browser untuk melihat formulir kontak
Sebagian besar akan terlihat seperti ini tergantung pada browser
2. Isi formulir Anda dan klik Kirim
Jendela peringatan akan muncul dengan mengatakan Formulir Data Dikirim. )
Yayy. Itu berhasil
Jika jendela peringatan mengatakan Ada kesalahan. (kemudian jangan ragu untuk mengirim email kepada kami di info@lovespreadsheets. com dan kami dapat mencoba membantu Anda
3. Lihat data Anda di spreadsheet Anda
- Buka www. apispreadsheet. com
- Masuk jika perlu
- Klik pada tab File
- Temukan spreadsheet Anda dan klik tombol Unduh File untuk mengunduhnya
- Buka dan Anda akan melihat data yang kami kirimkan di atas
Beberapa Pikiran Perpisahan
- Anda dapat terus mengirimkan data ke spreadsheet ini dan itu akan berisi semua catatan kapan pun Anda mengunduhnya
- Jika Anda perlu mengubah sesuatu secara manual di spreadsheet, Anda dapat mengubahnya dan mengunggahnya kembali menggunakan tombol Unggah Ulang File. Ini akan mempertahankan URL API Anda dan tetap berisi pembaruan apa pun yang Anda buat. CATATAN. apa pun yang Anda unggah ulang akan menjadi versi master jadi gunakan ini dengan hati-hati
- Kami akan menulis tutorial lain tentang cara melakukannya dengan Google Sheets atau file di dropbox Anda
- Terakhir, fungsi Javascript untuk mengirimkan data ada di bawah ini. Mari kita telusuri
function SubForm (){
$.ajax({
url:'//api.apispreadsheets.com/data/410/',
type:'post',
data:$("#myForm").serializeArray(),
success: function(){
alert("Form Data Submitted :)")
},
error: function(){
alert("There was an error :(")
}
});
}
</script>_
- Kami menggunakan sintaks jQuery untuk memanggil ajax. Itulah $. ajax melakukannya
- Url adalah URL yang kita panggil permintaan. Dalam hal ini adalah jenis permintaan posting
- Data tersebut adalah data kami dari #myForm. Metode serialiazeArray() membuat larik objek JavaScript, siap untuk dikodekan sebagai string JSON (jangan khawatir jika Anda tidak memahaminya terlalu dalam. Selama Anda menamai input dan header spreadsheet dengan benar, seluruh demo ini akan berfungsi)
- Jika permintaan berhasil maka fungsi sukses dipanggil
- Jika permintaan memiliki kesalahan maka fungsi kesalahan dipanggil
Jika Anda menginginkan aplikasi khusus, pembersihan data, atau proyek yang dibuat menggunakan spreadsheet, Anda dapat melihat layanan konsultasi kami di sini. https. // www. lovespreadsheets. com