Question

我在这里有一段代码，它使用HTML 5 SSE - EventSource对象，它允许php脚本将更新推送到网页。但是，我也对将参数传递给脚本感兴趣。我怎样才能做到这一点？

以下是代码：

if(typeof(EventSource) !== "undefined")
    {
        var source = new EventSource("get_message.php");
        source.onmessage=function(event)
        {
            document.getElementById("message-window").innerHTML+=event.data + "<br>";
        };
    }
else
    {   
        document.getElementById("message-window").innerHTML="Sorry, your browser does not support server-sent events...";
     }

我能想到的最接近的是使用AJAX，如

$.post("get_message.php", {largest_id: 30}, function(data, status){ some function });

但是，我不确定如何为此编写jQuery？

Answer 1

EventSource API不支持POST方法，但这并不意味着您不能在POST中使用SSE。您只是不能使用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>";
};

Answer 2

这很简单。

$.post('your_url.php?your_parametre1=' + your_value1 + '&your_parametre2_likewise=' + your_value, function(data) {
alert(data); // whatever you echo from php file as a identifier of success or error.
});

Answer 3

@blazonix使用SSE时必须区分发送和接收。

EventSource仅用于从服务器接收数据。要将数据发送到服务器，您必须使用常规的AJAX请求。

在我的库中，我可以重复使用相同的路径进行发送和接收，但我根据Accept标识来区分调用者想要做的事情：

接受：text / event-stream - 它是一个浏览器，想要启动事件流连接
接受：任何其他类型 - 它是常规非/ AJAX调用GET或POST

示例java代码：GitHub

如何使用HTML SSE传递POST参数？

3 个答案: