Ajax

[saturngod]

ဒါက ajax.js File ပါ..


// JavaScript Document
function callAHAH(url, pageElement, callMessage) {
document.getElementById(pageElement).innerHTML = callMessage;
try {
req = new XMLHttpRequest(); /* e.g. Firefox */
} catch(e) {
try {
req = new ActiveXObject("Msxml2.XMLHTTP");
/* some versions IE */
} catch (e) {
try {
req = new ActiveXObject("Microsoft.XMLHTTP");
/* some versions IE */
} catch (E) {
req = false;
}
}
}
req.onreadystatechange = function() {responseAHAH(pageElement);};
req.open("GET",url,true);

req.send(null);
}
function responseAHAH(pageElement) {
var output = '';
if(req.readyState == 4) {
if(req.status == 200) {
output = req.responseText;
document.getElementById(pageElement).innerHTML = output;
}
}
}


ဒါက HTML page ပါ..



<script src="ajax.js"></script>
<div id="left">
<h1>TEXT</h1></div>
<a href="#" onClick="callAHAH('link.html','left',' Loading...');" class="rmenu_link">Link</a>


ကၽြန္ေတာ္တို႕ HTML page ထဲမွာ Link ဆိုတာေလးကို click လုိက္ရင္ left div ထဲမွာ link.html ေျပာင္းpage ၀င္သြားမယ္.. မူရင္းစာက ေပ်ာက္သြားမယ္..
အဲလိုပဲ


onClick="callAHAH('login.php?username=what&pwd=who','left',' Loading...');"

PHP ကို query string ေတြပို႕ျပီး အလုပ္လုပ္ခိုင္း.... php ကေန HTML ျပန္လာတဲ့အခါေရာကမွ DIV ထဲမွာ ျပခိုင္းတယ္...
တနည္းေျပာရင္ page တစ္ခုလံုး refresh ခ်စရာမလိုေတာ့ဘူးေပါ့...
ကၽြန္ေတာ္လည္း ဒီေလာက္ပဲသိတယ္...
တစ္ျခားဟာေတာ္ေတာ္မ်ားမ်ားလုပ္လို႕ရေသးတယ္..
search မွာ aj လုိ႕ text box မွာရိုက္လိုက္တာနဲ႕.. aj နဲ႕ဆိုင္တာေတြ ရွာလို႕ရတဲ့ keyword ေတြျပခိုင္းလို႕ရတယ္...
paragraph မွာ စာမ်ားေနရင္ read more ဆိုတဲ့ link ေလးႏိွပ္လိုက္မွ ရွည္ထြက္လာတယ္... close this ဆိုတဲ့ link ေလးကို ႏိွပ္လိုက္ရင္ ျပန္၀င္သြားတယ္.. အဲလိုေလးေတြ လုပ္လို႕ရတယ္..
ကၽြန္ေတာ္လည္း ဒီေလာက္ပဲသိတယ္.. :39:

[theone]

ေက်းဇူးပါ ........... ေနာက္လည္းတင္ေပးပါဦး .................. တတ္နိုင္ရင္ ajax ကို သင္တန္းဖြင့္ေစခ်င္ပါတယ္ ..........