AJAX funksjoner tillate websider for å oppdatere HTML-innhold uten at brukeren trenger å oppdatere siden eller bla til en annen side . HTML markup for en side kan kalle en JavaScript-funksjon , som igjen kan kalle en PHP script . PHP script kan hente flere data , noen ganger fra en database og formatert i XML markup , tilbake dette til JavaScript-funksjon . JavaScript-koden kan deretter skrive disse nye dataene inn i HTML , slik at ny informasjon vises som bruker samhandler med websiden . Instruksjoner
Lag en ny HTML-dokumentet. Skriv inn følgende kode inn i en tom fil i en teksteditor og gi filen en forlengelse når du lagrer den " html ". : En
< script type = "text /javascript "> funksjon processData ( ) { //hente nye data } < /script > < /head>
Noe innhold < /div > < innspill type = " button" value = " trykke meg " onclick = " processData ( )" /> < /body > < /html >
Når brukeren klikker på knappen vises på denne side , vil nettleseren kaller JavaScript-funksjonen i hodet delen av siden.
2
Lag en XMLHttpRequest objekt . Legg til følgende kode i JavaScript-funksjon : en
Var XMLHTTP ; if ( window.XMLHttpRequest ) { XMLHTTP = new XMLHttpRequest (); } else { XMLHTTP = new ActiveXObject ( " Microsoft.XMLHTTP "); }
p Dette gjør at Web-siden til å håndtere forskjellige nettlesere .
3
Send en forespørsel om data til et PHP-skript . Legg til følgende kode i JavaScript-funksjon , slik at for kode før det : en
xmlHTTP.open ( " GET ", " get_data.php " , true); xmlHTTP.send ();
p Dette gir nettleseren beskjed om å be om ytterligere informasjon fra PHP script spesifisert.
4
Lag din PHP script . Åpne en ny fil i en teksteditor og lagre det som " get_data.php " for å matche parameter til på send metoden du brukte i JavaScript-kode . Skriv inn følgende eksempelkode : < ? Phpecho "Nye data "; >
p Dette er et enkelt eksempel for demonstrasjon, men du kan legge til PHP behandlingen du trenger, inkludert database spørringer . Du kan også bygge din respons tekst i XML markup hvis dette passer ditt nettsted.
5
håndtere responsen fra din PHP script . I JavaScript- funksjon, før linjen der du åpner XMLHttpRequest objekt, legge til følgende kode :
xmlHTTP.onreadystatechange = function () { if ( xmlHTTP.readyState == 4 && xmlHTTP.status == 200 ) { //håndtere responsen data } }
Når JavaScript mottar et svar fra PHP script , vil denne koden kjøres. Koden sjekker at responsen er gyldig . Inne i denne betinget utsagn , kan du legge til kode for å skrive de nye dataene inn din side HTML.
6
Oppdater innholdet på siden din. I JavaScript respons betinget utsagn , legge til følgende kode : .
Document.getElementById ( "update ") innerHTML = xmlHTTP.responseText ;
Denne koden identifiserer div element på siden og deretter skriver svaret tekst fra PHP-koden inn i den.
7
Lagre filene dine og laste dem opp til serveren din. Bla til siden og klikk på knappen for å kontrollere at funksjonen fungerer . Du skal se innholdet i div element endring .
