Implementasi Ajax 1 : Menampilkan Tanggal dan tulisan Hello World


Salam. Artikel kali ini kita akan belajar bagaimana cara mengimplementasikan Ajax pada pembuatan web dengan menggunakan visual studio.

Aplikasi yang saya gunakan adalah aplikasi Microsoft Visual Studio Express 2012 For Web. Bagi yang belum memilikinya bisa langsung mendownload di situs microsoft.

Hasil yang diharapkan pada artikel ini adalah kita mengetahui bagaimana cara untuk menampilkan tanggal dan tulisan hello world dengan implementasi ajax.

Hasil akhirnya seperti gambar di bawah ini.


Implementasi Ajax menampilkan tanggal dengan visual studio

Oke, langsung saja kita mulai.

1. Pada halaman kerja awal di visual studio. Letakkan terlebih dahulu komponen-komponen berikut ini. 

Implementasi Ajax menampilkan tanggal dengan visual studio

Drag ScriptManager ke halaman coding. 

Implementasi Ajax menampilkan tanggal dengan visual studio

Drag UpdatePanel ke halaman Coding

Implementasi Ajax menampilkan tanggal dengan visual studio

Setelah itu masukkan label dan button ke dalam coding <contentTemplate>.

Implementasi Ajax menampilkan tanggal dengan visual studio

Lihat di bagian Design. Klik dua kali button hingga muncul halaman coding yang berformat aspx.cs


Implementasi Ajax menampilkan tanggal dengan visual studio

Pada Class Page load. Isi label text dengan pemanggilan tanggal. Ini yang menyebabkan ketika halaman web dijalankan. Tanggal secara otomatis akan tampil.

Pada Class button1_Click. Artinya saat kita telah menekan tombol button. Label tanggal tadi akan berubah menjadi tulisan Hello World.

Sekian dari saya. Apabila ada pertanyaan langsung komen aja ya. :)



Share :

Facebook Twitter Google+
0 Komentar untuk "Implementasi Ajax 1 : Menampilkan Tanggal dan tulisan Hello World"

Bagaimana menurut Anda? Senang sekali jika Anda mau berbagi pendapat dengan saya disini. :)

Contact

Name

Email *

Message *