Campur Ajax Menjadi HTML dengan Intercooler.js
Tidak pernah semudah ini tambahkan Ajax ke situs web apa pun. Bahkan cukup umum untuk membangun seluruh situs web berdasarkan sekitar permintaan Ajax bernama Aplikasi Satu Halaman (atau SPA).
Namun ini selalu memerlukan sedikit jQuery dan beberapa perselisihan teknis perbarui konten halaman. Jika Anda hanya butuh beberapa fungsionalitas dasar Ajax kamu bisa memakai intercooler.js untuk mencampur ini ke dalam HTML Anda.
Intercooler memungkinkan Anda menulis atribut HTML itu secara asli berisi URL permintaan Ajax. Ketika pengguna mengklik tautan tertentu Anda dapat mendikte itu Permintaan Ajax dijalankan alih-alih tindakan klik normal.
Ini semua bergantung pada atribut data- HTML5 * seperti ic-post-to. Anda dapat menambahkan atribut ini ke tombol atau tautan jangkar, dan itu akan secara otomatis terhubung ke jQuery untuk permintaan POST Ajax.
Sebenarnya ada satu halaman penuh dengan atribut ini di situs web plugin. Ini sedikit Kode sampel untuk melihat tampilannya:
Klik saya!
Ini akan mengirim permintaan POST Ajax ke URL / buton_click, dan memuat respons ke dalam elemen wadah. Intercooler adalah perpustakaan yang sangat sederhana dan sangat kuat setelah Anda memahami cara kerjanya.
Memang ini tidak akan menyelesaikan semua masalah Ajax Anda karena itu tidak dapat memperbarui area halaman lainnya secara otomatis. Juga tidak dapat menambahkan terlalu banyak fitur khusus tanpa memperlambat halaman, jadi detail SPA harus benar-benar gunakan kode Ajax khusus.
Intercooler.js menawarkan a cara yang lebih semantik untuk menulis kode Ajax sehingga banyak dan bahkan menawarkan cadangan asli.
Untuk instal intercooler Anda hanya perlu salinan jQuery bersama dengan a salinan perpustakaan intercooler yang dapat ditemukan di GitHub. Anda bahkan bisa tes tanpa mengunduh file apa pun dengan menggunakan jQuery CDN dan Intercooler CDN lokal.
Masukkan keduanya ke dalam a >
Mengintip halaman demo untuk melihat a daftar lengkap demo Anda bisa mempermainkan. Saya terutama menyukai demo 'Klik untuk Mengedit' karena ia menunjukkan dengan tepat apa yang mungkin dan seberapa jauh Anda dapat menggunakan plugin ini.
Jika Anda tertarik belajar lebih banyak lihat panduan referensi penuh dengan atribut HTML intercooler. Setiap melakukan tindakan yang berbeda jadi sangat penting untuk mempelajari semuanya dan melihat apa paling cocok untuk skenario Anda.
Secara alami, Anda dapat menemukannya semua kode sumber gratis di GitHub bersama dengan a panduan instalasi singkat.
