HTML5與php實現消息推送功能

本文轉載自查看原文 2016-02-15 11:18 6319 HTML

1、html頁面basic_sse.html

<!DOCTYPE html>
<html lang="en">
<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>

2、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自動，前端不刷新即可實施改變數據

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 拾人牙慧篇之——基於HTML5中websocket來實現消息推送功能 HTML5 （五）WebSocket與消息推送 PHP實現消息推送 php實時消息推送功能 HTML5 學習筆記（五）——WebSocket與消息推送 HTML5 學習總結（五）——WebSocket與消息推送 html5利用websocket完成的推送功能 HTML5服務器推送消息的各種解決辦法 HTML5服務器推送消息的各種解決辦法 php實現微信模板消息推送