Hoe importeer ik php of xml bestanden met AJAX

Inleiding

AJAX is handig. Bezoekers hoeven niet eerst te klikken voordat er iets nieuws in de pagina geladen wordt. Deze handleidingen beschrijft een toepassing van AJAX asychronious javascript voor het importeren en laden van een willekeurig php bestand.

Stappen

Script opzetten

Stop het volgende AJAX script in de HTML pagina

<script language="javascript">

var xmlHttp

function showCD(str)
{ 
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
 {
 alert ("Browser does not support HTTP Request")
 return
 } 
var url="get.php"
url=url+"?q="+str
url=url+"&sid="+Math.random()
xmlHttp.onreadystatechange=stateChanged 
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
}

function stateChanged() 
{ 
 if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
 { 
 document.getElementById("txtHint").innerHTML=xmlHttp.responseText 
 } 
}function GetXmlHttpObject()
{
var xmlHttp=null;try
 {
 // Firefox, Opera 8.0+, Safari
 xmlHttp=new XMLHttpRequest();
 }
catch (e)
 {
 // Internet Explorer
 try
  {
  xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
  }
 catch (e)
  {
  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
 }
return xmlHttp;
} 

</script>

Bestanden laden

Nu is het nog heel eenvoudig op bestanden te laden met Ajax Stop in het volgende bestand get.php bijvoorbeeld dit:

<?php
$q=$_GET["q"];

echo 'LeerWiki online leren';

?>

Tips

Handige links