কম্পিউটার

কিভাবে সার্ভার-প্রেরিত ইভেন্ট HTML5 কাজ করে?


সার্ভার-প্রেরিত ইভেন্টগুলি আমরা কীভাবে সার্ভার থেকে ক্লায়েন্টে ডেটা স্ট্রিম করি তা প্রমিত করে৷ একটি ওয়েব অ্যাপ্লিকেশনে সার্ভার-প্রেরিত ইভেন্টগুলি ব্যবহার করতে, আপনাকে নথিতে একটি <ইভেন্টসোর্স> উপাদান যোগ করতে হবে।

উপাদানের src অ্যাট্রিবিউটটি এমন একটি URL নির্দেশ করবে যা একটি স্থায়ী HTTP সংযোগ প্রদান করবে যা ইভেন্ট সমন্বিত একটি ডেটা স্ট্রিম পাঠায়।

URLটি একটি PHP, PERL বা যেকোনো Python স্ক্রিপ্টের দিকে নির্দেশ করবে যা ধারাবাহিকভাবে ইভেন্ট ডেটা পাঠানোর যত্ন নেবে। নিম্নলিখিত ওয়েব অ্যাপ্লিকেশনের একটি সাধারণ উদাহরণ যা সার্ভারের সময় আশা করবে৷

কিভাবে সার্ভার-প্রেরিত ইভেন্ট 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>

অবশেষে, perl-

-এ লেখা ticker.cgi নিচে দেওয়া হল
#!/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 এ একটি আয়তক্ষেত্র আঁকতে হয়?

  2. কিভাবে HTML5 এ SVG লোগো আঁকবেন?

  3. কিভাবে HTML5 এ SVG ছবি ব্যবহার করবেন?

  4. কিভাবে HTML5 localStorage API দিয়ে ব্রাউজারে ডেটা সংরক্ষণ করবেন?