Ik wil in mijn nieuwe website gebruik maken van AJAX. Ik heb hier niet al die superingewikkelde zooi voor nodig, alleen een scriptje dat zorgt dat in het midden van de pagina het venstertje herladen wordt zonder dat de pagina herladen wordt.
Nu heb ik naar tutorials gezocht, ook op PHPhulp, er verschillende gevonden, maar die zijn veel te ingewikkeld. Ik werk nu met dit systeem (in werkelijkheid wel iets uitgebreider (beveiliging tegen index.php include enzo)):
<?php
if($_GET[p] == ""){
$p = "home";
}
else
{
$p = $_GET[p];
}
include $p.".php";
?>
Iemand tips hoe ik dit m.b.v. AJAX kan doen, zonder al die ingewikkelde zooi er omheen?
Alsjeblieft, volledig werkend. Let bij aanpassen op de ID van de DIV ook in Javascript en de bestandsnaam van het bestand in loadDoc() op de laatste regel (in de A HREF). Succes.
<script language="javascript">
var req;
function loadDoc(url) {
req = false;
// branch for native XMLHttpRequest object
if(window.XMLHttpRequest) {
try {
req = new XMLHttpRequest();
} catch(e) {
req = false;
}
// branch for IE/Windows ActiveX version
} else if(window.ActiveXObject) {
try {
req = new ActiveXObject("Msxml2.XMLHTTP");
} catch(e) {
try {
req = new ActiveXObject("Microsoft.XMLHTTP");
} catch(e) {
req = false;
}
}
}
if(req) {
req.onreadystatechange = processReqChange;
req.open("GET", url, true);
req.send(null);
}
}
function processReqChange() {
// only if req shows "loaded"
if (req.readyState == 4) {
// only if "OK"
if (req.status == 200) {
document.getElementById('vulmij').innerHTML = req.responseText;
} else {
alert("There was a problem retrieving the XML data:\n" +
req.statusText);
}
}
}
</script>
<div id="vulmij">Hier gooi je je tekst</div>
<a href="#" onClick="loadDoc('iets.php');">Klik</a>
Inderdaad, het heeft niet echt met PHP te maken, dat is om duidelijk te maken hoe het moet werken. Het bestand moet dus ín de layout van mijn ander bestand komen.
En ik héb nog helemaal geen JS! :P
Edit: bedankt, PHPerik! Ik ga het meteen proberen. ;) Toen ik reageerde stond je reactie er nog niet...
