Skip to content

AJAX dan jQuery UI Dialog

AJAX dan jQuery UI DialogSalah satu pengunjung website ini menanyakan bagaimana cara menyisipkan kode AJAX di dalam jQuery UI Dialog. Berhubung jawabannya cukup panjang, maka saya akan mengulasnya dalam sebuah artikel tersendiri, yang saat ini sedang Anda baca.

Di dalam artikel yang berjudul Desain Kotak Dialog Dengan jQuery UI saya sudah memberikan contoh bagaimana menambahkan tombol (misalnya Hapus, Batalkan) pada suatu kotak dialog. Nah, pada tombol tersebut kita bisa menyisipkan kode AJAX untuk menangani event yang terjadi pada saat tombol tersebut diklik oleh user.

Upload File Dengan SWFUpload

Upload File Dengan SWFUploadDiantara sekian artikel tentang cara upload file dengan AJAX yang pernah saya tulis di website ini, yang bisa Anda lihat di sini, di sini, dan di sini, barangkali cara yang akan saya bahas kali ini adalah yang paling menarik, yaitu menggunakan Flash.

Fasilitas upload file yang dimiliki oleh WordPress merupakan contoh nyata bagaimana Flash bisa kita manfaatkan untuk memudahkan proses upload file. Seperti halnya pada WordPress, pada artikel ini saya juga akan menggunakan library yang sama yaitu SWFUpload.

SWFUpload adalah sebuah library kecil yang menggabungkan JavaScript dan fasilitas canggih yang dimiliki oleh Flash Player dengan tujuan untuk meningkatkan kemampuan web browser dalam menangani proses upload file.

Upload File Dengan AJAX, Bag. 3

Upload File Dengan AJAX, Bag. 3Beberapa waktu yang lalu saya pernah menulis artikel mengenai cara mengupload beberapa file sekaligus yang berjudul Upload Multiple File Dengan PHP. Sebagai pengembangan, kali ini saya akan membahas bagaimana melakukan upload file seperti pada artikel tersebut dengan jQuery.

Kita masih akan menggunakan jQuery Form Plugin seperti pada artikel sebelumnya. Bedanya, pada artikel ini jumlah file yang akan kita upload lebih dari satu. Oleh karena itu, sebagai tambahan kita juga akan memakai plugin lainnya yaitu jQuery Multiple File Upload. Plugin ini berguna untuk membantu user dalam memilih file yang akan diupload.

Validasi Form Dengan jQuery Validation Plugin

Validasi Form Dengan jQuery Validation PluginjQuery Validation merupakan salah satu plugin jQuery yang berguna untuk memudahkan proses validasi form pada sisi client (client side). Plugin ini menyediakan fungsi-fungsi yang bisa kita pakai untuk mengecek masukan pada form dengan berbagai format seperti email, URL, tanggal, angka, dan sebagainya.

Validasi pada suatu form sangat penting untuk memastikan agar data-data yang dimasukkan oleh user sesuai dengan yang kita inginkan. Untuk form yang isiannya hanya sedikit, validasi pada sisi server saja barangkali sudah cukup. Namun, jika isiannya sangat banyak akan lebih efektif jika kita melengkapi form tersebut dengan validasi pada sisi client.

Upload File Dengan AJAX, Bag. 2

Upload File Dengan AJAX, Bag. 2Selain dengan AJAX File Upload plugin, jQuery Form Plugin merupakan solusi lain yang layak kita pertimbangkan untuk mengupload file ke server. Plugin yang dikembangkan oleh Mike Alsup ini memiliki dua fungsi utama, yaitu ajaxForm dan ajaxSubmit. Keduanya bisa dipakai untuk menangani proses upload file dengan teknik AJAX.

Dibandingkan dengan AJAX File Upload seperti yang telah kita bahas pada artikel sebelumnya, jQuery Form Plugin memiliki beberapa keunggulan, yaitu diantaranya kita bisa menambahkan field lainnya dengan mudah seperti input teks, radiobutton, checkbox dan sebagainya.