, dette kapitel giver et klart billede af de præcise faser af ajax operation. trin af ajax operation, en klient, en begivenhed indtræffer. xmlhttprequest objekt er skabt, xmlhttprequest objekt er konfigureret., xmlhttprequest genstand gør en asynkron anmodning til informationssamfundet., informationssamfundet returnerer det resultat, der indeholder xml - dokument, xmlhttprequest objekt, der callback() funktion og processer resultatet., html dom er ajourførte.,, lad os tage disse skridt, en efter en. en klient sker, en javascript funktion kaldes som følge af en begivenhed,.,,,, validateuserid() javascript funktion, f.eks.: der er kortlagt som et tilfælde fører til en form for input, onkeyup, hvis område, hvis id er sat til, "brugeridentifikation",,,, < input type = "teksten "størrelse =" 20 "id =" brugeridentifikation "navn =" id "onkeyup =" validateuserid(); ">.,,, xmlhttprequest objekt er skabt, var ajaxrequest; //den variabel, der gør der muligt!funktion ajaxfunction() (prøve (//- 8, 0 +, firefox, safari ajaxrequest = nye xmlhttprequest();} fangst (e) (//internet explorer - browsere prøve (ajaxrequest = nye activexobject ("msxml2. xmlhttp");} fangst (e) (prøve (ajaxrequest = nye activexobject ("microsoft. xmlhttp");} fangst (e) (//noget gik galt indberetning ("din browser brød!")og vende falske}}}}, xmlhttprequest objekt er konfigureret til dette skridt, vil vi skrive en funktion, som vil blive udløst af kunden begivenhed og en callback - funktion processrequest() vil blive registreret., funktion validateuserid() {ajaxfunction(); //her processrequest() er denne funktion.ajaxrequest.onreadystatechange = processrequest; hvis (!target) mål = dokument. getelementbyid ("brugeridentifikation") var url = "validere?id = "+ flygte (mål. værdi); ajaxrequest. åben (" gå ", url, sande); ajaxrequest. send (er)), og at asynkrone anmodning til informationssamfundet er kildekoden til rådighed i ovenstående stykke kode.kode med fed skrifttype, er ansvarlig for at fremsætte en anmodning til informationssamfundet.alt dette gøres ved hjælp af xmlhttprequest objekt, ajaxrequest,., funktion validateuserid() {ajaxfunction(); //her processrequest() er denne funktion.ajaxrequest.onreadystatechange = processrequest; hvis (!target) mål = dokument. getelementbyid ("brugeridentifikation") var url = "validere?id = "+ flygte (mål. værdi); ajaxrequest. åben (" gå ", url, sande); ajaxrequest. send (er), tage dig ind, zara, i brugeridentifikation kasse, så i ovennævnte anmodning, url er sat til" validere?id = zara. ", informationssamfundet afkast resultatet, der indeholder xml - nummer, du kan gennemføre deres server-side manuskript på alle sprog, men dens logik, skal være som følger:,, får en anmodning fra kunden, analysere input fra kunden., kan kræves behandling. send produktionen til kunden,.,, hvis vi går ud fra, at du er ved at skrive en servlet, så her er den del af koden. offentlige tomrum doget (httpservletrequest anmodning, httpservletresponse respons) kaster ioexception, servletexception {snor targetid = anmodning. getparameter (id); hvis ((targetid!= null) & &!regnskaber. containskey (targetid. trim())) (svar. setcontenttype ("tekst /xml -"); svar. setheader (cache kontrol "," ingen cache) reaktion. getwriter(). skrive ("rigtigt");} andre {svar. setcontenttype ("tekst /xml -"); svar. setheader (cache kontrol "," ingen cache) reaktion. getwriter(). skrive ("falske");}}, callback funktion processrequest() kaldes, xmlhttprequest objekt er konfigureret til at ringe til processrequest() funktion, når der er en ændring til, readystate, af, xmlhttprequest, objekt.denne funktion vil modtage resultatet fra serveren, og vi vil gøre den nødvendige behandling.som i nedenstående eksempel, det skaber en variabel besked om rigtigt eller forkert, baseret på den resulterende værdi fra informationssamfundet., funktion processrequest() (hvis (req.readystate = = 4) (hvis (req.status = = 200) (var - besked =... og...}, html dom er ajourført, det her er det sidste skridt, og i dette skridt, din html side vil blive ajourført.det sker på følgende måde:,, javascript får en henvisning til et element i en side med dom api. er den anbefalede måde at få en henvisning til et element er ringe.,, dokument. getelementbyid ("useridmessage"), hvor "useridmessage" id - attribut //et element, der er anført i html dokument,,, javascript kan nu anvendes til at ændre de elementer, attributter og ændre element er stil egenskaber eller tilføje, fjerne eller ændre barnet elementer.her er et eksempel:,,, < manuskript type = "tekst /javascript" > <!- funktion setmessageusingdom (meddelelse) (var - usermessageelement = dokument. getelementbyid ("useridmessage"), var messagetext; hvis (budskab, = = "falske") (usermessageelement.style.color = "røde" messagetext = "ugyldig bruger - id"} andre (usermessageelement.style.color = "grønne" messagetext = "gyldig brugeridentifikation"} var messagebody = dokument. createtextnode (messagetext); //hvis de messagebody element er blevet skabt enkle //erstatte det andet sætte det nye element, hvis (usermessageelement. childnodes [0]) (usermessageelement. replacechild (messagebody, usermessageelement. childnodes [0]);} andre (usermessageelement. appendchild (messagebody)}} - > < /manuskript > < krop > < div id = "useridmessage" > < div > < /organ > hvis du har forstået de ovennævnte syv trin, så er du færdig med ajax.i næste kapitel vil vi se, xmlhttprequest, objekt nærmere.