Sape otai AJAX, mintak tolong sket..

Salam,

Aku baru mula berjinak-jinak dengan AJAX walaupun dah lama mengetahui kelebihan ajax ni. Aku ada basic dalam javascript,PHP,MySQL dan HTML.

So, aku nak buat satu AJAX yang check database every 3 minutes.
Maknanya, setiap 3 minutes, satu callback function dia call.
Setakat yang aku tgk tutorial, response dari server dia gunekan XMLresponse dalam server side scripting.

Code:


<xmlresponse>
    <result><?= myfunction() ?></result>
</xmlresponse>


tapi dia xckp lak camne kita nak gune return value tu..kalo return value dalam array, camne lak?

sape2 yang terer AJAX, bleh tolong x?

Contoh kod:
Save sebagai ajax.js

Code:


// mula bahagian setting
var saat = 5;
var idDiv = "papar";
var url = "process.php";
//tamat bahagian setting

//mula bahagian XMLHttpRequest
function GetXmlHttpRequest(){
var xmlHttp;
try{
xmlHttp=new XMLHttpRequest(); // Firefox, Opera 8.0+, Safari
}
catch (e){
try{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explorer
}
catch (e){
try{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e){
alert("Pelayar web ini tidak menyokong AJAX.");
return false;
}
}
}
//tamat bahagian XMLHttpRequest

//mula bahagian code
xmlHttp.onreadystatechange=function(){
if(xmlHttp.readyState==4){
document.getElementById(idDiv).innerHTML=xmlHttp.responseText;
setTimeout('GetXmlHttpRequest()',saat*1000);
}
}
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}
//tamat bahagian code

//mula bahagian refresh
var saat;
window.onload = function mulaRefresh(){
setTimeout('GetXmlHttpRequest()',saat*1000);
}
//tama bahagian refresh


Contoh process.php

Code:


<?php
// setting sambungan ke MySQL

$dbname = 'namaDB';
$user = 'root';
$password = 'passwordDB';


// buat sambungan ke database

$sql = mysql_connect("localhost", $user, $password)
or die(mysql_error());

mysql_select_db("$dbname", $sql);

// Fetch data

$query = "SELECT * FROM namaTable";
$result = mysql_query($query);

// Return  results dari query

while($row = mysql_fetch_array($result, MYSQL_ASSOC)) {
echo "<b>Column 1:</b> {$row['column1']}" .
"<b>Column 2:</b> {$row['column2']}" .
}

?>


So basically, kat page yang ko nk paparkan value dari query tu, just linkkn file ajax.js tu kat bhgian head:

Code:


<script src="ajax.js"></script>


next, pnggl function dlm ajax.js td

Code:


<script type="text/javascript"><!--
GetXmlHttpRequest();
// --></script>


dan kat bahagian div yg nk return result tu ltak id dia seperti yg ada dlm ajax.js

Code:


<div id="papar"></div>


tengkiu johnburn..
memang benar2 membantu..
tima kasih...

eh..nak tanya lagi..camne nk buat sementara result nk papar..kita nak kuarkan mesej : Loading..kita nk tmbh katne ek?

kat sini ke?

Code:


document.getElementById(idDiv).innerHTML=xmlHttp.responseText;
http://document.write("Loading..Please Wait");//
setTimeout('GetXmlHttpRequest()',saat*1000);


ko nk bt untuk code yg kt atas ni gak ke?

some sort la..cume nk paparkan text 'loading' sementara result dia nk kuar...cth mcm code kat atas..tapi bukan setiap 3minit..mcm bila klik button,sementara nk tunggu result..dia papar msg "Loading.."dh abih loading..baru dia paparkan result daripada httpRequest kite..

kl xsilap aku, just tmbah sblom xmlHttp.send dipanggil
ko leh tmbh2 ape2 kod html samada ko nk tmbh message yg sebut 'loading...' ke atau image loading kt div yg mna result akan dipaprkn

ok..tq bro..dh berjaya..

ok no hal. sbnarnye xssh pn kl ko pham konsep dia sbb ajax ni bkn pkai bnda br pn. javascript je

ok..thanks..dh nmpk clear sket dh..cuma nk faham konsep je..rasanya dh faham..