Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

HTML5 में सर्वर द्वारा भेजे गए ईवेंट कैसे काम करते हैं?


सर्वर द्वारा भेजे गए ईवेंट मानकीकृत करते हैं कि हम सर्वर से क्लाइंट तक डेटा कैसे स्ट्रीम करते हैं। वेब एप्लिकेशन में सर्वर द्वारा भेजे गए ईवेंट का उपयोग करने के लिए, आपको दस्तावेज़ में तत्व जोड़ने की आवश्यकता होगी।

एलीमेंट का src एट्रिब्यूट एक ऐसे यूआरएल की ओर इशारा करना चाहिए जो एक सतत HTTP कनेक्शन प्रदान करे जो ईवेंट युक्त डेटा स्ट्रीम भेजता है।

यूआरएल एक PHP, PERL या किसी भी पायथन स्क्रिप्ट को इंगित करेगा जो लगातार ईवेंट डेटा भेजने का ख्याल रखेगा। वेब एप्लिकेशन का एक सरल उदाहरण निम्नलिखित है जो सर्वर समय की अपेक्षा करता है।

HTML5 में सर्वर द्वारा भेजे गए ईवेंट कैसे काम करते हैं?

HTML5 में सर्वर द्वारा भेजे गए ईवेंट का उपयोग करने का तरीका जानने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं

उदाहरण

<!DOCTYPE HTML>
<html>
   <head>
      <script type="text/javascript">
         document.getElementsByTagName("eventsource")[0].addEventListener("server-time", eventHandler, false);
         function eventHandler(event){
            // Alert time sent by the server
            document.querySelector('#ticker').innerHTML = event.data;
         }
      </script>
   </head>
   <body>
      <div id="sse">
         <eventsource src="/cgi-bin/ticker.cgi" />
      </div>
      <div id="ticker" name="ticker">
         [TIME]
      </div>
   </body>
</html>

आखिरकार, पर्ल में लिखा गया टिकर.सीजीआई निम्नलिखित है -

#!/usr/bin/perl
print "Content-Type: text/event-stream\n\n";
while(true){
   print "Event: server-time\n";
   $time = localtime();
   print "Data: $time\n";
   sleep(5);
}

  1. HTML5 में SVG लोगो कैसे आकर्षित करें?

    SVG का अर्थ स्केलेबल वेक्टर ग्राफिक्स है और यह XML में 2D-ग्राफिक्स और ग्राफिकल अनुप्रयोगों का वर्णन करने के लिए एक भाषा है और XML को एक SVG व्यूअर द्वारा प्रस्तुत किया जाता है। अधिकांश वेब ब्राउज़र एसवीजी प्रदर्शित कर सकते हैं जैसे वे पीएनजी, जीआईएफ, और जेपीजी प्रदर्शित कर सकते हैं। आप आसानी से HTM

  1. HTML5 में SVG इमेज का उपयोग कैसे करें?

    HTML5 में SVG छवियों का उपयोग करने के लिए, तत्व या का उपयोग करें। SVG फ़ाइलें जोड़ने के लिए, आप HTML में , या तत्व का उपयोग कर सकते हैं। अपनी आवश्यकता के अनुसार उनमें से किसी एक को चुनें। यहां बताया गया है कि आप SVG इमेज कैसे जोड़ सकते हैं। यदि SVG को एक फ़ाइल के रूप में सहेजा जाता है, तो इसे सी

  1. HTML5 लोकलस्टोरेज एपीआई के साथ ब्राउज़र में डेटा कैसे स्टोर करें?

    HTML5 localStorage ब्राउज़र में स्ट्रिंग डेटा सहेजता है और वर्तमान सत्र से आगे तक रहता है। लोकलस्टोरेज बिना किसी एक्सपायरी के डेटा को स्टोर करता है, जबकि सेशनस्टोरेज केवल सेशन तक ही सीमित है। जब ब्राउज़र बंद हो जाता है, तो सत्र नष्ट हो जाता है। स्थानीय संग्रहण को ऐसे संग्रहण के लिए डिज़ाइन किया गया