POST 到 PHP 与服务器发送的事件？答案

【问题标题】：POST to PHP with server sent events?POST 到 PHP 与服务器发送的事件？
【发布时间】：2012-09-08 00:58:19
【问题描述】：

是否可以像在 Ajax 中一样使用 SSE 向 PHP 发送 POST 数据？

我已经使用 AJAX 很长一段时间了，但在长轮询技术中效果不佳。我也一直在想WebSockets，不过好像有点多余。

【问题讨论】：

SSE 是为单向推送而设计的，而不是双向通信 - 对于这种情况，Web Sockets 可能更合适
node.js 怎么样，nodejs.org
@tomfumb 我只 POST 2 个字节的数据
这无关紧要；据我所知（受限于 SSE 没有很好的文档记录）从客户端到服务器的唯一通信是在启动连接时。一旦链接建立（或在失败的情况下重新建立），数据只会以一种方式流动。
还可以看到我曾经提出的一个问题，强调 PHP 在 SSE 方面的不足：stackoverflow.com/questions/9070995/…

标签： php ajax post polling server-sent-events

【解决方案1】：

不，SSE 无法向服务器发送任何数据。

您仍然可以使用 SSE 实时读取数据并使用 AJAX 上传任何数据（您可能需要一个共享数据库在 AJAX 接收进程和 SSE 发送进程之间传递信息）。

【讨论】：

这仅适用于 POST，但您可以在查询字符串中使用 GET 发送数据。

【解决方案2】：

您可以通过 GET 发送数据。

例如

name=john&name=lea

这是一个简单的脚本，它使用 SSE 向服务器发送迭代次数和服务器返回进度。

这个项目包含两个文件（index.php 和 ssedemo.php）。

index.php 包含一个文本框和一个按钮。文本框假设包含 ssedemo.php 中循环的迭代次数

    <h2>Server Sent Event Test</h2>
    <form>
        <label>Process Duration</label>
        <input type="text" id="progVal">
        <input type="button" value="Get Messages" onclick="updateProgress()"/>
    </form>
    <div id="container">
    </div>

更新进度

    function updateProgress() {
        var input = $('#progVal').val();
        var evtSource = new EventSource("ssedemo.php?duration=" + encodeURIComponent(input));
        evtSource.addEventListener("progress", function (e) {
            var obj = JSON.parse(e.data);
            $('#container').html(obj.progress);
            if(  parseInt(obj.progress) == 100){
                evtSource.close();
            }
        }, false);
    }

此函数使用 jQuery 获取文本框的内容，然后创建一个eventSource。 EventSource() 构造函数接受一个或两个参数。第一个指定要连接的 URL。第二个以 EventSourceInit 字典的形式指定设置（如果有）。

您可以通过将其添加到 URL 来传递您想要的内容，就像使用 GET 一样。

"ssedemo.php?duration=" + encodeURIComponent(input)

在服务器端，你要根据W3C recommendation设置header类型和禁用缓存

header("Content-Type: text/event-stream");
header("Cache-Control: no-cache");

然后你像往常一样使用 $_GET 获取数据。

$TotalNo = $_GET['duration'];
for ($i = 1; $i <= $TotalNo; $i++) {
    updateProgress($i, $TotalNo);
    sleep(1);
}


function updateProgress($currentVal, $totalNo) {
    $completionPrecentage = $currentVal / $totalNo * 100;
    echo "event: progress\n";
    echo 'data: {"progress": "' . $completionPrecentage . '"}';
    echo "\n\n";
    ob_flush();
    flush();
}

如果要发送数组可以参考this

【讨论】：

欢迎来到 Stack Overflow！虽然这在理论上可以回答这个问题，it would be preferable 在此处包含答案的基本部分，并提供链接以供参考。

【解决方案3】：

EventSource API 不支持 POST 方法，但这并不意味着您不能将 SSE 与 POST 一起使用。您只是不能使用 EventSource API。然而，有替代的实现。一个示例是sse.js，它允许您指定有效负载，如果需要，还可以指定标头。 sse.js 应该是 EventSource 的替代品，例如：

var source = new SSE("get_message.php");
source.onmessage=function(event)
{
    document.getElementById("message-window").innerHTML+=event.data + "<br>";
};

为了使用 POST 方法，你只需要指定一个有效载荷，例如：

var source = new SSE("get_message.php", {payload: 'Hello World'});

而且，由于它是一个完全兼容的 polyfill，你可能可以这样做：

EventSource = SSE;
var source = new EventSource("get_message.php", {payload: 'Hello World'});
source.onmessage=function(event)
{
    document.getElementById("message-window").innerHTML+=event.data + "<br>";
};

【讨论】：