1. Location:
  2. / Computer learning >> Computer læring >> Kendskab til programmering >> Programmeringssprog >> html og HTML5 >>

html5 server sendte begivenheder

, konventionelle net ansøgninger skabe begivenheder, der sendes til web - server.for eksempel et enkelt klik på en forbindelse anmoder om en ny side fra serveren. arten af de begivenheder, der flyder fra webbrowser til web - server kan kaldes klient sendte begivenheder. sammen med html5, whatwg web ansøgninger 1 indfører begivenheder, der følger af web - server til webbrowsere og de kaldes server sendte hændelser (se).ved hjælp af indsamling, du kan skubbe dom begivenheder støt fra deres web - server til de besøgendes browser. tilfælde streaming tilgang åbner en vedvarende forbindelse til serveren, sender data til kunden, når der foreligger nye oplysninger, at fjerne behovet for kontinuerlig afstemningssteder. serveren sendte begivenheder giver ensartede regler, hvordan vi strøm af data fra serveren til kunden., web anvendelse til s.s.e., bruger server sendte begivenheder i en webapplikation, du ville blive nødt til at tilføje en < eventsource > element til dokumentet.,, src, tilskriver på < eventsource > element bør påpege en url, som bør indeholde en vedvarende http forbindelse, der sender et datasæt med begivenhederne., url henviser til en php, frisk eller en pyton manuskript, som ville passe of sende event data konsekvent.følgende er et enkelt eksempel på web - anvendelse, som ville forvente server., <!DOCTYPE HTML> <html> <head> <script type="text/javascript"> /* Define event handling logic here */ </script> </head> <body> \t <div id="sse"> <eventsource src="/cgi-bin/ticker.cgi" /> </div> \t\t <div id="ticker"> <TIME> </div> \t\t </body> </html> ,Server Side Script for SSE,A server side script should send ,Content-type, header specifying the type ,text/event-stream, as follows., print "Content-Type: text/event-stream\ \ "; ,After setting Content-Type, server side script would send an ,Event:, tag followed by event name. følgende eksempel ville sende server, som, hvis navn afsluttes med en ny linje karakter., tryk "begivenhed: - tid) n", sidste skridt er at sende event data ved hjælp af data:, mærke, som vil blive efterfulgt af heltal snor værdi afsluttes med en ny linje karakter som følger og minus $tid; = localtime(); trykte "data: $tid), n"; endelig efter er fuldstændig ticker.cgi skrevet i perl −, #!/bar /bin /perl, tryk "content type: tekst /begivenhed strøm. n. n", mens (korrekt) (print "begivenhed: - tid) n". $tid = localtime(); trykte "data: $tid), n" søvn (5);}, klare server sendte hændelser, - vi ændrer vores webapplikationen klare server sendte begivenheder.følgende er det sidste eksempel. <!DOCTYPE HTML> <html> <head> \t <script type="text/javascript"> document.getElementsByTagName("eventsource")[0].addEventListener("server-time", eventHandler, false); \t\t\t function eventHandler(event) { //Alert time sent by the server document.querySelector('#ticker').innerHTML = event.data; } </script> \t\t </head> <body> \t <div id="sse"> <eventsource src="/cgi-bin/ticker.cgi" /> </div> \t\t <div id="ticker" name="ticker"> [TIME] </div> \t\t </body> </html> ,Before testing Server-Sent events, I would suggest to make sure if your web browser suphavne, dette begreb.



Previous:
Next Page: