Slik utfører AJAX Oppgaver med Java

December 6  by Eliza

Ved hjelp av AJAX med ren Javascript er en todelt prosess. Først må du sende forespørselen. For det andre må man behandle respons. Følgende kode viser de to delene av prosessen som brukes til å endre bare en del av en side. Du må kjøre denne koden på serveren din - det vil ikke svare ordentlig fra den lokale stasjonen.

// Opprett en tilkobling til serveren.
Var Connect = ny XMLHttpRequest ();
funksjon LoadDoc ()
{
// Angi hvilke fungere å bruke på retur.
Connect.onreadystatechange = ProcessData;

// Gjør forespørselen.
Connect.open ("GET", "Special.txt", true);
Connect.send ();
}
fungere ProcessData ()
{
// Kontroller retur status.
if ((Connect.readyState == 4) &&
(Connect.status == 200))
{
// Endre <div> innhold.
document.getElementById ("ChangeText"). innerhtml =
Connect.responseText;
}
}

Koden begynner ved å lage en XMLHttpRequest objekt, Connect, som brukes til å behandle forbindelsen med serveren. Dette objektet er felles for både ber om data og bearbeide den senere.

Når en bruker klikker Endre teksten, kaller LoadDoc knappen (). Det første trinnet er å fortelle Koble hvor du finner den funksjonen, ProcessData (), som brukes til å behandle dataene senere. Koden oppretter deretter en forespørsel om Special.txt hjelp av GET-metoden. Legg merke til at den åpne () funksjonen er satt til å bruke en asynkron samtale snarere enn en synkron samtale, som du kan bruke når du arbeider med XML-data.

Den ProcessData () -funksjonen mottar innspill helst at readyState endres for tilkoblingen. Men du trenger ikke å behandle hver endring. Den koden starter med å sjekke om en readyState på 4 og en status på 200, noe som betyr at reaksjonen er ferdig behandlet og klar til bruk. Når denne kombinasjonen oppstår, endrer koden bare teksten i mål <div> skjermen.