AJAX XMLHttpRequest

Sunday, 03 May 2009 13:52

AJAX မွာ KEY လို႕ေျပာတဲ့ XMLHttpRequest အေၾကာင္းေလးကို ဆက္ေရးပါတယ္။

Creating An XMLHttpRequest Object

Browser ေတြကလည္း အမ်ိဳးမ်ိဳးရွိေလေတာ့ XMLHttpRequest object ကို create လုပ္ရာမွာလည္း browser ကိုလိုက္ျပီး

မတူညီတာကို ေတြ႔ရပါတယ္။ IE Browser ေတြမွာ ဆိုရင္ေတာ့ ActiveXObject ကိုသုံးျပီး တျခား Browser ေတြမွာဆိုရင္ေတာ့

JavaScript object ကိုသုံးျပီး XMLHttpRequest ကို create လုပ္ပါတယ္။ ဒါကေတာ့ sample code ေလးပါ။

var XMLHttp=null;
if (window.XMLHttpRequest)
{
//FOR Firefox, Mozilla, Opera, and Safari.
XMLHttp=new XMLHttpRequest();
}
else if (window.ActiveXObject)
{
//IE
XMLHttp=new ActiveXObject("Microsoft.XMLHTTP");
}

ဒီ Code ကေတာ့ XMLHttpRequest ကို create လုပ္တဲ့ sample ေလးပါ။ ဒီမွာေတြ႔ ႏိုင္တာကေတာ့

Firefox, Mozilla, Opera, and Safari အတြတ္ ဆိုရင္ေတာ့ XMLHttp=new XMLHttpRequest(); ကိုသုံးျပီး IE ကိုေတာ့

အထက္မွာ ေျပာခဲ့ အတိုင္း ActiveXObject ကိုသုံးထားတာကို ေတြ႔ႏိုင္ပါတယ္။

ဒီ code ေလးကို ပိုျပီး safe ျဖစ္တဲ့ code အျဖစ္ ေျပာင္းလဲ ခ်င္တယ္ ဆိုရင္ေတာ့

function GetXmlHttpObject()
{
var xmlHttp=null;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}

ဒီ code မွာ IE အတြတ္ create လုပ္ရာမွာ xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); ကေတာ့ IE6 ကေန