php 前端实时 队列_html5 + php 实现实时推送消息

html页面basic_sse.html

数据推送

Initializing...

if(typeof(EventSource)!=="undefined")

{

var source = new EventSource("/sjts/index.php");

source.onmessage=function(event){

document.getElementById("result").innerHTML=event.data + "
";

};

}

else

{

document.getElementById("result").innerHTML="Sorry, your browser does not support server-sent events...";

}

php页面index.php

header('Content-Type:text/event-stream');//通知浏览器开启事件推送功能

header('Cache-Control:no-cache');//告诉浏览器当前页面不进行缓存

//$time = date('r');

//echo "data: The server time is: {$time}\n\n";

$mysqli = new MySQLi('localhost','root','','test');

$sql = 'select ac_id from article_class where ac_name="11";';

$result = $mysqli->query($sql);

while($row = $result->fetch_assoc()){

$time = $row['ac_id'];

echo "data: The server time is: {$time}\n\n";

}

ob_flush();//刷新

flush();//刷新

?>

总结：通过改变数据库ac_id自动，前端不刷新即可实施改变数据