HTML5 Server-Sent Events

Une page web est appelée régulièrement depuis le navigateur de manière asynchrone. Permet de créer une sorte de push vers le navigateur.

// mapage.php
<script>
	if(typeof(EventSource) !== 'undefined') {
		var source = new EventSource('/module/facturation/demo_sent.php');
		source.onmessage = function(event) {
			document.getElementById('result').innerHTML += event.data + '<br>';
		};
	} else {
		console.log('Sorry! No server-sent events support..')
	} 
</script>
<div id="result">
</div>
// demo_sent.php
<?php
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');

$time = date('r');
echo "data: The server time is: {$time}\n\n";
flush();
?> 

demo_sent.php est appelé régulièrement et le résultat affiché dans le DIV result

http://www.w3schools.com/HTML/html5_serversentevents.asp

     

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

seven + three =