ကိုကြီးဇော် ( မုန်တိုင်း )

ajax ဆိုတာ

Ajax ဆိုတာ web programming language အေတြ႕ၾကဳံ နည္းပါးသူအတြက္ တကယ့္ကို နားလည္ရရွုတ္ေထြးေစတဲ့ ခက္ခဲတဲ့အရာတခုျဖစ္ေကာင္းျဖစ္ပါမယ္။။ ဒါေၾကာင့္ က်ေနာ္တို႕ ajax ကို ေလ့လာရာမွာ လြယ္ကူေစဖို႕ အဆင္ေျပေစဖို႕ HTML နဲ႕ JavaScript ကို ေလ့လာ နားလည္သေဘာေပါက္ထားသင့္ပါတယ္။။

ajax ဆိုတဘာလဲ?

ဟုတ္ကဲ့ ajax ဆို တာ ၂၀၀၅ ခုနွစ္ေလာက္မွာ Google နဲ႕ အျခားေသာ နာမည္ၾကီး web developers ေတြတီထြင္ခဲ့တဲ့ Programming types တမ်ဳိးျဖစ္ပါတယ္။။ Ajax ဆိုတာ Asychronous JavaScript And XML ကိုေပါင္းစပ္ထားျပီး မွတ္မိလြယ္ေစဖို႕ အတိုေကာက္ေပထားတဲ့ နာမည္ျဖစ္ပါတယ္။ Client-side မွာ interactive Web application ေတြ ေရးသားရာမွာ အသုံးျပဳ တဲ့ Web develop techniques ပါ.။ Ajex နည္းပညာကို အသုံးျပဳျခင္းအား့ျဖင့္ web page မွာ interactive or interface ေတြ တိုးတိုးတက္လာဖို႕ပါ

Ajax - Javascript on Steroids
က်ေနာ္တို႕ javaScript စထြက္ခဲ့တဲ့အခ်ိန္ကတည္းက ၄င္းရဲ႕ themes အကုန္လုံးနီးပါးကို အရမ္းၾကိဳက္နွစ္သက္ခဲ့က်ပါတယ္။ JavaScript ဟာ user-friendly experience ေတာ္ေတာ္မ်ားမ်ားကို ျပဳလုပ္ရာမွာ web broweser ျဖစ္လုပ္နုိင္ခဲ့ပါတယ္။ က်ေနာ္တို႕ form validation, quickly popup messages နဲ႕ အရမ္းေကာင္းမြန္တဲ့ web ပိုင္းဆိုင္ရာ tools ေတြကို javaScript နဲ႕လုပ္ဆိုင္နုိင္ပါတယ္။ ဒါေပမယ့္ မည္သို႕ပင္ျဖစ္ေစကာမူ JavaScript က Client-side ပဲျဖစ္ပါတယ္.. JavaScript ဟာ web browser နဲ႕ websever ၾကားမွာ သတင္းအခ်က္လက္ (information) data ဆိုင္ရာေတြ ေပးပို႕တာေတြလုပ္ေဆာင္နုိင္ျခင္းမရွိပါဘူ။ Ajax ဟာ javaScript ကို နည္းပညာပိုင္းဆိုင္ရာထပ္ေပါင္းထည့္ထားတာပါ။

XML
ဒီေနရာမွ XML ဆိုတာဘာလဲ ေမးစရာရွိပါတယ္။ eXtensible Markup Language ရဲ႕ အတိုေကာက္နာမည္ေလးပါ ။ ဒီပို႕စ္မွာသူ႕ကိုအေသးစိတ္မရွင္းလိုေတာ့ပါဘူး..ေနာက္မွသူ႕အတြက္ သီးသန္႕ က်ေနာ္နားလည္းသေလာက္တင္ျပသြားပါမယ္ ။ ဒီမွာေတာ့ ajax ကိုသာအဓိကထားေျပာခ်င္လို႕ပါ. ခုေတာ့ XML ဆိုတာ database မွာ data ေတြ သိမ္းဖို႕မလိုတဲ့ ဟာမ်ဳိးေတြကို XML ဖိုင္မွာပဲ database ကဲ့သို႕ data ေတြကို သိမ္းထားပါတယ္.ဒီေတာ့ (data base က data ယူ/သိမ္းတဲ့ခ်ိန္ နည္းလာျပီ ပိုျမန္လာမွာေပါ့)

တကယ္လို႕ web sever မွာရွိတဲ့ database ကေနျပီး သတင္းအခ်က္လက္ေတြ လိုခ်င္ခဲ့မယ္ဆိုရင္ ဒါမွမဟုတ္ က်ေနာ္တို႕ ရဲ႕ အခ်က္လက္ေတြကို sever-side ကိုပို႕မယ္ဆိုရင္( ဥပမာ-PHP script language လိုေပါ့) ၊ ဒီလိုခါမ်ဳိးမွာ က်ေနာ္တို႕ က်ေနာ္တို႕ sever ကို data ေတြ GET or POST data to Sever လုပ္ဖို႕အတြက္ HTML form တခု လုပ္ကိုလုပ္ရပါမယ္။ ဒီလိုခါမ်ဳိးမွာ က်ေနာ္တို႕က "Submit" ဆိုတဲ့ buttom ကိုနွိပ္လိုက္တဲ့အခါမွာ sever ကို request လုပ္ respond လုပ္နဲ႕ ဒီလိုခ်ိန္ေတြကို ေစာင့္ဆိုင္းရပါတယ္။ ဘာလို႕လဲဆိုေတာ့ Sever side programming language ေတြက server မွာသြား အလုပ္လုပ္ပါတယ္ ျပီးမွာ sever ကေန ့့html အေနနဲ႕ျပန္လာျပီ browser မွာ လာျပတာပါ။Web Browsers မ်ားျဖစ္တဲ့ ( Firefox, IE, Flock, Chrome ..) ေတြဟာ အမ်ားအားျဖင့္ HTML ,CSS & Java Script တိုကိုပဲ သူကနားလည္တယ္ပါတယ္ ,ASP, C#, Java,PHP, Python စတဲ့ Sever side programming language ေတြကိုနားမလည္လို႕ပါပဲ။ ဒါေၾကာင့္ sever ကိုသြားျပီး အလုပ္လုပ္ေနရတဲ့အတြက္ ေစာင့္ဆိုင္းေနရတဲ့အခ်ိန္ေတြဟာ ၾကာလာျပီ ေနွးေကြးတဲ့ဆိုဒ္ျဖစ္လာမွာပါ။

Ajax ဟာ က်ေနာ္တို႕ရဲ႕ javaScript ကို sever နဲ႕ တိုက္ရိုက္ဆက္သြယ္ရာမွာရွိေနတဲ့ အခ်ဳိ႕ေသာလိုအပ္ခ်က္ ပ်က္သနာေတြကို ေျဖရွင္းတဲ့နည္းလမ္း ကုထုံး တခုအျဖစ္ရည္ရြယ္ထုတ္လုပ္ခဲ့တာပါ။။ ဒီလိုေျဖရွင္းရာမွာ special JavaScript object ရဲ႕ XMLHttpRequest ကိုအသုံးျပဳျခင္းအားျဖင့္ပါ။ ဒီ Object နဲ႕အတူ က်ေနာ္တုိ႕ရဲ႕ javascript ဟာ sever ကေနျပီး သတင္းအခ်က္လက္ data ေတြရဖို႕အတြက္ new page ကို loading လုပ္စရာမလိုပဲနဲ႕ ရရွိမွာျဖစ္ပါတယ္။

ဒါကေတာ့ က်ေနာ္ ဖတ္ဖူးေလ့လာဖူးတာေလးကို နားလည္သလိုျပန္လည္းတင္ျပလိုက္ခ်င္းပဲျဖစ္ပါတယ္ ။
Ref:ရဲပိုင္ျဖိဳး

Labels: CSS, CSS-II, HTML-II, Java Script, XML