, dit hoofdstuk geeft je een duidelijk beeld, Ajax stappen van de procedure, Ajax, de gebeurtenissen van de cliënt, een verwachte verwachte doel is ontstaan, de configuratie van het doel, de verwachte object op de server van de asynchrone verzoek, de server van de verwachte XML - documenten, het voorwerp van de functie en De tweede ronde () Resultaten: //europa.eu.int /comm /.,,, laten we dom bijgewerkt. Door deze maatregelen een cliënt gebeurtenis,,,, een javascript functie is een van de resultaten van de gebeurtenissen,,,,, validateuserid (voorbeeld: javascript), wordt aangevuld met een gebeurtenis die, in de vorm van gebied onkeyup, id als de gebeurtenissen, de gebruikersnaam,,,, < input = "De tekst = "20" = "gebruiker" naam "identiteitskaart" validateuserid () onkeyup = ";" >,,, de verwachte object creëren, de VAR - ajaxrequest; ///////variabelen die de Ajax mogelijk.De functie van ajaxfunction () {proberen (///////8 + opera, firefox, safari ajaxrequest = nieuwe xmlhttprequest (}); de vangst (e) (///////Internet Explorer proberen {ajaxrequest = nieuwe actieve voorwerp ("MSXML2. volledig"); (e) {} vangst proberen (ajaxrequest = nieuwe actieve voorwerp ("Microsoft"). Volledig;} vangst (e) (///////fout waarschuwing ("je browser kapot!"); terugkeer valse;}}}}, verwachte de configuratie van het doel, in dit stadium, zullen we de ontwikkeling van een functie, call - back - cliënt gebeurtenissen en processrequest () een functie validateuserid worden geregistreerd () {ajaxfunction () () is hier processrequest; ///////- functie.Ajaxrequest.onreadystatechange = interface; als (!Het doel van doelstellingen) = documenten. GetElementById ("gebruiker"); var URL = "gecontroleerd?Id = "+ ontsnappen (streefwaarde); ajaxrequest. (" open ", URL, waar); ajaxrequest. Stuur (lucht);}, zodat de asynchrone verzoek naar de server in de source code code boven een stuk is beschikbaar.Vet code is verantwoordelijk voor het verzoek van de server.Dit is al in gebruik is het voorwerp van AJAXRequest, functie, verwachte, validateuserid () {ajaxfunction () () is hier processrequest; ///////- functie.Ajaxrequest.onreadystatechange = interface; als (!Het doel van doelstellingen) = documenten. GetElementById ("gebruiker"); var URL = "gecontroleerd?Id = "+ ontsnappen (streefwaarde); ajaxrequest. (" open ", URL, waar); ajaxrequest. Stuur (lucht);}, stel je voor dat je in de doos, Zara, in de naam van de in het verzoek, en dan boven de URL" gecontroleerd?Id = Zara ", die de werking van het XML - bestand server terug, je kan in een van de talen van de verwezenlijking van de server van het script, maar de logica moet als volgt worden.,, een verzoek van de cliënt, analytische van de klant van de input, geen behandeling nodig hebben, zal de produktie naar de cliënt, dat moet je schrijven. Als we een dit is een deel van de code, en dan, de leegte doget (httpservletrequest op verzoek httpservletresponse) gooit ioexception, terug. Targetid = {verzoek. GetParameter (" id "); als ((targetid!= 0) en versterker.De rekening. ContainsKey (targetid. Knippen ()) {reactie. Setcontenttype ("tekst /"); de reactie. SetHeader ("buffer" en "niet -"); de reactie. Getwriter (.) schrijven (",");} {respons anders. Setcontenttype ("tekst /"); antwoord. SetHeader ("buffer", "geen geld"); de reactie. Getwriter (.) schrijven ("valse");}}, call - back - processrequest (verwachte) een voorwerp wordt toegewezen aan processrequest () wanneer er staat verandert, de verwachte object.Nu deze functie zal ontvangen uit de resultaten van de server, en zal worden behandeld.In de volgende voorbeelden, die op grond van de waarde van de waar of terug te keren naar de server van de variabele informatie verkeerde, functionele processrequest () {als (req.readystate = = 4) {als (req.status = = = = = = = = = = = = = 200) {VAR nieuws... En...Http: //europa.eu.int), dom te actualiseren, dit is de laatste stap, een stap die, je: //europa.eu.int /comm /zal worden bijgewerkt.Het gebeurt als volgt:,, een element in de pagina javascript met dom API - de aanbevolen aanpak voor het verkrijgen van een elementair noem.,, documentatie. GetElementById ("useridmessage") in de "useridmessage, /" is een element van de id eigenschap op http: //europa.eu.int ///////,,, te wijzigen. - eigenschappen; wijziging van elementen kenmerken; of toevoeging, schrapping of wijziging van de elementen.Hier is een voorbeeld:,,, < script type = "tekst /javascript" > <.De functie van setmessageusingdom (informatie) {VAR usermessageelement = documenten. GetElementById ("useridmessage"); var messagetext; als (nieuws = = "valse") {usermessageelement.style.color = "rood"; messagetext = "ongeldig gebruikers - ID;} {usermessageelement.style.color" of "groene"; messagetext = = = = = = = "geldige gebruikersidentificatie" de persoonlijkheid van de documenten;} = var. CreateTextNode (messagetext); ///////- element is het creëren van een eenvoudige als persoonlijkheid of aanvullende nieuwe elementen en /of vervanging (usermessageelement. - [0]) {usermessageelement. (persoonlijkheid, usermessageelement. De dochteronderneming van [0]);} {usermessageelement anders. Appendchild (persoonlijke);}} - > lT; /scripts > < lichaam > < div = "useridmessage" > < di% GT% < /body >, als je het begrijpen van de zeven stappen, dan ben je bijna klaar, Ajax.In het volgende hoofdstuk, zoals wij zullen zien, de verwachte, meer gedetailleerde, object.
Actie
Previous:Ajax browser ter ondersteuning van