h1

Ajax “Instan” di ASP.NET bagai pedang bermata dua

31 Oktober 2009

Para developer  ASP.NET yang ingin mencoba mengurangi Postback seluruh halaman ASPX nya dapat menggunakan teknologi “AJAX” instan yang dikemas oleh Microsoft dalam ASP.NET AJAX server-side controls. Control yang digunakan adalah ScriptManager, UpdatePanel, dan  UpdateProgress yang dapat menambahkan perilaku render asinkron khas AJAX ke dalam ASP.NET tanpa menuliskan baris perintah javascript apapun! Sangat menarik khususnya bagi developer yang tidak mau berpusing ria dengan javascript, obyek XmlHttpRequest, Callback dan bergulat dengan proses dibaliknya.

asp-net-ajax

asp-net-ajax

Control UpdatePanel membuat halaman ASP.NET terupdate tanpa mereload ulang seluruh halaman. ScriptManager memungkinkan developer untuk mengatur history browser dalam aplikasi AJAX dengan mengupdate tombol back browser setelah request AJAX.  Dan control UpdateProgress dapat digunakan untuk menampilkan loading progress saat asinkron request dilakukan.

ASP.NET AJAX server-side controls ini termasuk fitur dari ASP.NET 3.5 framework. Controls ini sudah tersedia dalam Visual Studio/Visual Web Developer toolbox. Apabila Anda menggunakan ASP.NET framework versi sebelumnya, seperti ASP.NET 2.0, silakan unduh ASP.NET AJAX Extensions.

Berikut contoh penggunaan UpdatePanel

<asp:ScriptManager ID="ScriptManager1" runat="server" />
<asp:UpdatePanel runat="server" ID="up1">
 <ContentTemplate>
   <asp:Label runat="server" ID="Label1" Text="Update Me!" /><br />
   <asp:Button runat="server" ID="Button1"
     Text="Postback Update" OnClick="Button1_Click" />
 </ContentTemplate>
</asp:UpdatePanel>

protected void Button1_Click(object sender, EventArgs e)
{
Label1.Text = DateTime.Now.ToLongDateString();
}

Dan keajaiban terjadi!! Dalam sekejap halaman ASP.NET yang kita buat memiliki “kekuatan” AJAX (ini kata yang penulis pakai untuk mengungkapkan perasaan pertama menggunakan UpdatePanel).

Namun demikian dari pengalaman penulis, kita harus bijak dalam memasang script  UpdatePanel ke dalam halaman ASPX. Walhasil bukan halaman bertambah cepat saat merequest, tapi malah bertambah lambat. Selidik punya selidik ternyata UpdatePanel ini bukanlah “Real AJAX”. Begitu penulis mengungkapkannya. Karena walaupun menggunakan obyek XMLHttpRequest, UpdatePanel masih menggunakan actual HTTP post dan response untuk melakukan partial postback. Penjelasan silakan lihat di sini.

Namun demikian UpdatePanel tetap merupakan control yang menarik karena kita dapat membangun aplikasi ASP.NET yang memiliki behaviour AJAX dalam waktu yang singkat. Hanya saja, bijaklah dalam pemakaiannya.

Informasi lebih lanjut lihat :

Iklan

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: