Pripadne si pozri aj ajax tutorial na w3schools.com, tiez dobre napisane.
Tu to mas vsetko v 1 fcii:
Kód:
function loadXMLDoc(url, elem_id)
{
xmlhttp=null;
if (window.XMLHttpRequest)
{// code for Firefox, Opera, IE7, etc.
xmlhttp=new XMLHttpRequest();
}
else if (window.ActiveXObject)
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
if (xmlhttp!=null)
{
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState==4)
{// 4 = "loaded"
if (xmlhttp.status==200)
{// 200 = "OK"
document.getElementById(elem_id).innerHTML=xmlhttp.responseText;
}
else
{
alert("Problem retrieving data:" + xmlhttp.statusText);
}
}
}
}
else
{
alert("Your browser does not support XMLHTTP.");
}
}
ID elementu, ktoreho obsah sa ma menit, je druhy parameter tejto fcie.
Inak ako pozeram, tvoja fcia sa vola loadXMLDoc. Ak teda chces pracovat s XML dokumentom, pouzi responseXML miesto responseText.
edit: este by som upravil podmienku
Kód:
if (xmlhttp.status==200)
na
Kód:
if ((xmlhttp.status>=200 && xmlhttp.status<=299) || xmlhttp.status==304 || (navigator.userAgent.indexOf('Safari') >= 0 && typeof xmlhttp.status == 'undefined'))
Kedze akykolvek status od 200 do 299 je dobry, alebo sa moze stat, ze dokument moze byt "nezmeneny" (304), alebo som sa docital, ze Safari moze mat s tymito statusmi nejake problemy. Ale v podstate je to drobnost.