Contoh Partial Postback – ASP.NET AJAX Tutorial

Pada halaman web non ajax (yang ga pake ajax) proses terjadi secara Full Page Postback yaitu proses dengan cara meload seluruh isi dari halaman web (diproses ulang) dengan memanggil isi program secara langsung dari server. Sedangkan pada halaman yang menyertakan teknik AJAX akan menggunakan proses Partial Postback yang hanya meload bagian dari halaman yang diperlukan saja.

Berikut ini akan diberikan contoh sederhana proses partial proses dengan menggunakan teknik AJAX. Langkah-langkahnya adalah sebagai berikut :

Pastikan kamu sudah menginstal ASP.NET AJAX. Jika belum download dahulu disini : http://ajax.asp.net/ ,kemudian instal.

Buat sebuah website baru dengan MS.Visual Studio atau Visual Web Developer dengan tipe ASP.NET AJAX – Enabled Web Site.

Beralih kehalaman default.aspx. Tempatkan sebuah kontrol label dan timer. Kemudian masukkan kode berikut pada kontrol timer :

Label1.Text = Format(Now, “hh:mm:ss”)

Sekarang bisa kamu jalankan dengan menekan Ctrl + F5, dan coba lihat hasilnya di browser. Maka dibrowser akan tampak bahwa terjadi proses flicker / berkedip pada saat proses timer dijalankan. Hal ini sebagai tanda bahwa halaman web sedang menjalani proses pemanggilan ke server. Nah pada contoh diatas adalah contoh untuk sebuah page tanpa menggunakan teknik AJAX sehingga proses yang dijalankan adalah proses Full Page Postback.

Untuk mengetahui perbedaannya maka berikut ini akan diberikan contoh proses Partial Postback dengan menggunakan komonen UpdatePanel. Sekarang Tambahkan komponen UpdatePanel dari tab AJAX Extension ke halaman web

Kemudian masukkan label dan timer yang sudah dibuat sebelumnya kedalam komponen UpdatePanel.

nah sekarang coba lagi kamu jalankan dengan menekan Ctrl + F5, maka tampilan di browser tidak akan berkedip seperti pada proses sebelumnya. Hal ini dikarenakan proses yang digunakan adalah Partial Postback.

Nah mungkin ada masukan atau pertanyaan? silahkan posting dibawah