AJAX funktioner kan websider for at opdatere HTML-indhold , uden at brugeren behøver at opdatere siden eller gå til en anden side. HTML markup for en side kan kalde en JavaScript-funktion , hvilket igen kan kalde et PHP script . PHP script kan hente yderligere data , nogle gange fra en database og formateret i XML markup , returnere dette til JavaScript-funktionen . JavaScript- kode kan derefter skrive disse nye data i HTML , hvilket gør nye oplysninger vises som brugeren interagerer med websiden. Instruktioner
Opret et nyt HTML-dokument. Indtast følgende kode ind i en tom fil i din tekst editor og give filen et lokalnummer, når du gemmer det " html ". : Hej
< script type = " text /javascript "> funktion processData () { //hente nye data }
Noget indhold < /div> < input type = " button" value = " trykke mig " onclick = " processData ()" /> < /body > < /html >
Når brugeren klikker på knappen, som vises på denne side , vil browseren kalde JavaScript- funktion i hovedafsnittet på siden.
2
Opret en XMLHttpRequest objekt. Føj følgende kode inde i JavaScript-funktion : Hej
var XMLHTTP , hvis ( window.XMLHttpRequest ) { XMLHTTP = ny XMLHttpRequest ( );} else { XMLHTTP = ny ActiveX ( " Microsoft.XMLHTTP "); } < br >
Dette tillader websiden til at håndtere forskellige browsere.
3
Send din anmodning om data til et PHP script . Føj følgende kode inde i JavaScript-funktion , der forlader plads til kode, før det : Hej
xmlHTTP.open ( "GET ", " get_data.php " , true ) ; xmlHTTP.send ();
Dette instruerer browseren til at anmode om yderligere oplysninger fra PHP angivne script.
4
Opret din PHP script. Åbn en ny fil i en teksteditor og gemme det som " get_data.php " for at matche parameter til på send metode, du brugte i din JavaScript-kode . Indtast følgende kodeeksempel : < ? Phpecho "Nye data " >
p Dette er et simpelt eksempel til demonstration , men du kan tilføje PHP behandling du har brug for , herunder databaseforespørgsler . Du kan også bygge dit svar tekst til XML markup , hvis dette passer dit websted.
5.
Håndter svar fra din PHP script. I din JavaScript-funktion , før den linje , hvor du åbner XMLHttpRequest objektet tilføje følgende kode : Hej
xmlHTTP.onreadystatechange = function () {if ( xmlHTTP.readyState == 4 && xmlHTTP.status == 200 ) {//håndtere svardataene }}
Når JavaScript modtager et svar fra PHP script, vil denne kode udføre. Koden kontrollerer, at svaret er gyldig. Inde i denne betingede erklæring, kan du føje kode til at skrive de nye data på din side HTML.
6
opdatere indholdet på din side. I JavaScript svar betinget erklæring , skal du tilføje følgende kode: .
Document.getElementById ( "update " ) innerHTML = xmlHTTP.responseText ,
Denne kode identificerer div element i siden og derefter skriver svaret tekst fra PHP-kode ind i det.
7
Gem dine filer, og overføre dem til din server. Gå til den side , og klik på knappen for at kontrollere , at funktionen virker. Du bør se indholdet af div element forandring.