ASP.NET AJAX یک شروع کلاسیک

مایکروسافت برای برنامه‌نویسان ASP.NET فریم ورک AJAX خود را پیشنهاد می‌کند. مثال ساده و در واقع HelloWorld برنامه‌های ای‌جکسی معمولاٌ برنامه‌ای است که زمان را نشان می‌دهد.

برای شروع با ASP.NET AJAX ابتدا ملزومات آن را (برای VS 2005) از این آدرس دانلود کنید. توجه کنید که برای ASP.NET 3.5 نیاز به دانلود چیزی ندارید. بعد از نصب ASP.NET AJAX برای ASP.NET 2.0  ویژوال استودیو خود را باز کنید، به قالب‌های بخش وب سایت یک قالب جدید به نام ASP.NET AJAX-Enabled Web Site اضافه شده است.

یک پروژه جدید از این نوع را شروع کنید. حالا به مد Design صفحه Default.aspx خود بروید و از Toolbox یک UpdatePanel روی صفحه drag کنید. اکنون یک دکمه و یک label درون UpdatePanel و یک label‌ دیگر خارج از UpdatePanel قراردهید.

حالا به بخش کد می‌رسیم. جایی که برای نشان دادن قابلیت AJAX هر دو label روی صفحه باید زمان جاری را نشان دهند. در Page_Load صفحه خود کد زیر را بنویسید:

protected void Page_Load(object sender, EventArgs e)
 {
        Label1.Text = DateTime.Now.ToString();
        Label2.Text = DateTime.Now.ToString ();
 }

حالا اگر پروژه را اجرا کنید در ابتدای لود شدن صفحه هر دو label‌ یک زمان و تاریخ را نشان می‌دهند ولی اگر روی دکمه کلیک کنید، می‌بینید بدون ارسال مجدد صفحه به سرور، متن label که درون UpdatePanel قرار دارد با ساعت فعلی به روز می‌شود. این مثال ساده به خوبی چگونگی عملکرد AJAX را نشان می‌دهد.