Thursday, February 07, 2008

Ajax Technology (2) Ajax via Javascript

ajax နားလည္ခ်င္တဲ့သူတိုင္း HTML DOM (Document Object Model)ကိုကၽြမ္းက်င္ၿပီး ျဖစ္ရပါမယ္။ ဘာေၾကာင့္လဲ ဆိုရင္ DOM ကို အသုံး ျပဳၿပီး Data ဖတ္တာ၊ ျပန္ျပ တာေတြ လုပ္ရ လို႕ပါပဲ။

ဥပမာ

Data ဖတ္ရန္
var a = Document.Form1.txtName.Value;

Data ျပန္ျပရန္

Document.getElementById("display").Value= a;
ဆိုၿပီးသုံးရပါတယ္။


DOM အေသးစိပ္ ကိုေတာ့http://www.w3schools.com/htmldom/default.asp မွာၾကည့္ပါ။

ဒုတိယ အေနနဲ႕ javascript Events ေတြကိုလည္းနားလည္ရပါမယ္။ User Action တိုင္းကို javascript events ေတြနဲ႕သိႏိုင္လို႕ပါပဲ။

ဥပမာclick ႏွိပ္တဲ့အခါ function တစ္ခု run ခ်င္ရင္

<'input value="Click Here" id="btnclick">onclick="showtext()" type="button" name="btnclick">

နဲ႕ေရးရပါမယ္။ javascript Event အေသးစိတ္ကိုေတာ့

http://www.w3schools.com/js/js_events.asp မွာဖတ္ပါ

xmlHttpRequest အေၾကာင္းဆက္ေရးပါဦးမယ္

<<<>>>
button ေတြေရးတဲ့အခါ "submit" နဲ႕ေရးရင္ from post ျဖစ္သြား တဲ့အတြက္ input type="button" လို႕ေရးရပါတယ္။ ၿပီးေတာ့ javascript က case sensitive ျဖစ္ပါတယ္။ Capital Letter, Small Letter ဂရုစိုက္ၿပီး ေရးဖို႕လိုအပ္ပါတယ္။

No comments: