Start med at kigge på denne tut:
http://www.w3schools.com/Ajax/ajax_intro.aspNogen (specielt olebole) vil argumentere at det er forkert brug af AJAX, og jeg er som så enig. Men omvendt er det en måde at få tingende gjort på. Skal vi igang med Json også bliver det hurtig meget mere advanceret end nødvendigt.
Det du ender ud med er en kode ala dette. Det er ikke den pæneste/rigtigste måde at gøre det på, men det fungere:
<script type="text/javascript">
function ajaxFunction(fURL)
{
var xmlHttp;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("Your browser does not support AJAX!");
return false;
}
}
}
xmlHttp.onreadystatechange=function()
{
if(xmlHttp.readyState==4)
{
alert('vclvfd'+ xmlHttp.responseText)
document.getElementById("mainDiv").innerHTML = xmlHttp.responseText;
}
}
alert(fURL)
xmlHttp.open("GET",fURL,true);
xmlHttp.send(null);
}
</script>
<table cellpadding="2" cellspacing="0" width="100%">
<tr>
<td>
<a href="#" onclick="ajaxFunction('side1.htm')">Side 1</a><br>
<a href="#" onclick="ajaxFunction('side2.htm')">Side 2</a><br>
</td>
<td><div id="mainDiv"></div></td>
</tr>
</table>
.o) <-- One Eyed Jack