Bepaalde inhoud < /div > < ingang type = " button " value = " druk me " onclick = " processData ( ) " /> < /body > < /html >

Wanneer de gebruiker op de knop op deze klikt pagina , zal de browser de JavaScript-functie in de head sectie van de pagina noemen . kopen van 2

Maak een XMLHttpRequest object . Voeg de volgende code in de JavaScript-functie :

var xmlhttp
if ( window.XMLHttpRequest ) { xmlhttp = new XMLHttpRequest ( ) ; } else { xmlhttp = new ActiveXObject ( " Microsoft.XMLHTTP " ) ; } < br >

Hierdoor kan de webpagina om verschillende browsers te behandelen .
3

Stuur uw verzoek om gegevens naar een PHP-script . Voeg de volgende code in de JavaScript-functie , zodat er ruimte overblijft voor de code voordat deze :

Xmlhttp.open
( " GET " , " get_data.php " , true); xmlHTTP.send ( ) ;

Deze instrueert de browser om aanvullende informatie op te vragen van de PHP-script opgegeven .
4

Maak uw PHP-script . Open een nieuw bestand in een teksteditor en sla het op als " get_data.php " om de parameter aan te passen aan de verzendmethode u gebruikt in uw JavaScript-code . Typ in de volgende voorbeeldcode : < ? Phpecho ' Nieuwe gegevens ' ; >

p Dit is een eenvoudig voorbeeld voor demonstratie , maar u kunt elke PHP verwerking moet voegen , waaronder database- queries . U kunt ook uw reactie tekst in te bouwen in XML markup als dit past bij uw website .
5

Behandel de reactie van uw PHP-script . In uw JavaScript-functie , voordat de lijn waarin u de XMLHttpRequest object opent , voeg de volgende code :

xmlHTTP.onreadystatechange
= function ( ) { if ( xmlHTTP.readyState == 4 && xmlHTTP.status == 200 ) { //omgaan met de respons data } }

Wanneer JavaScript ontvangt een reactie van de PHP-script , zal deze code uit te voeren . De code controleert of de respons geldig is . Binnen deze voorwaardelijke verklaring , kunt u code toevoegen aan de nieuwe gegevens in uw pagina HTML te schrijven .
6

Werk de inhoud van uw pagina . In de JavaScript reactie conditionele statement , voeg de volgende code : .

Document.getElementById
( " Update " ) innerHTML = xmlHTTP.responseText ;

Deze code identificeert de div- element in de pagina en schrijft dan de reactie tekst van de PHP-code in.
7

Sla uw bestanden en upload deze naar uw server . Ga naar de pagina en klik op de knop om te controleren of de functie werkt . Je moet de inhoud van het element div verandering zien .