html5 + php 实现实时推送消息

全屏阅读
  • 基本信息
  • 作者:
  • 作者已发布:925篇文章
  • 发布时间:2020年01月08日 11:08:52
  • 所属分类:Html5
  • 阅读次数:3076次阅读
  • 标签:

html页面basic_sse.html

<!DOCTYPE html> <html> <head>     <meta charset="UTF-8">     <title>数据推送</title> </head> <body>     <pre id="result">         Initializing...     </pre>     <script type="text/javascript">         if(typeof(EventSource)!=="undefined")           {           var source = new EventSource("/sjts/index.php");           source.onmessage=function(event){                           document.getElementById("result").innerHTML=event.data + "<br />";             };           }         else           {           document.getElementById("result").innerHTML="Sorry, your browser does not support server-sent events...";           }     </script> </body> </html>

php页面index.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";
    
    $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自动,前端不刷新即可实施改变数据

顶一下
(0)
100%
订阅 回复
踩一下
(0)
100%
» 郑重声明:本文由mpxq168发布,所有内容仅代表个人观点。版权归恒富网mpxq168共有,欢迎转载, 但未经作者同意必须保留此段声明,并给出文章连接,否则保留追究法律责任的权利! 如果本文侵犯了您的权益,请留言。

目前有 0 条留言 其中:访客:0 条, 博主:0 条

给我留言

您必须 [ 登录 ] 才能发表留言!