Javascript 如何从服务器启动和停止服务器端事件脚本
我正在学习关于服务器端事件的WC3教程,我很想知道我是否可以在php脚本实际运行(即执行代码)时使用它们来传递事件/通知。理想情况下,我希望使用服务器端事件来显示脚本执行进度,并完全避免服务器轮询 目前,我非常简单的客户端代码如下:Javascript 如何从服务器启动和停止服务器端事件脚本,javascript,php,Javascript,Php,我正在学习关于服务器端事件的WC3教程,我很想知道我是否可以在php脚本实际运行(即执行代码)时使用它们来传递事件/通知。理想情况下,我希望使用服务器端事件来显示脚本执行进度,并完全避免服务器轮询 目前,我非常简单的客户端代码如下: <!DOCTYPE html> <html> <body> <h1>Getting server updates</h1> <div id="result"></div> <
<!DOCTYPE html>
<html>
<body>
<h1>Getting server updates</h1>
<div id="result"></div>
<script>
if(typeof(EventSource) !== "undefined") {
var source = new EventSource("https://xyz.php");
source.onmessage = function(event) {
document.getElementById("result").innerHTML += event.data + "<br>";
};
}
</script>
</body>
</html>
<?php
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');
function send_message()
{
$time = date('r');
echo "data: The server time is: {$time}\n\n";
flush();
}
send_message();
?>
获取服务器更新
if(typeof(EventSource)!=“未定义”){
变量源=新事件源(“https://xyz.php");
source.onmessage=函数(事件){
document.getElementById(“结果”).innerHTML+=event.data+“
”;
};
}
我的客户代码如下:
<!DOCTYPE html>
<html>
<body>
<h1>Getting server updates</h1>
<div id="result"></div>
<script>
if(typeof(EventSource) !== "undefined") {
var source = new EventSource("https://xyz.php");
source.onmessage = function(event) {
document.getElementById("result").innerHTML += event.data + "<br>";
};
}
</script>
</body>
</html>
<?php
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');
function send_message()
{
$time = date('r');
echo "data: The server time is: {$time}\n\n";
flush();
}
send_message();
?>
我知道上面是一个非常简单的例子,但是我不知道如何启动和停止通知,而只有在服务器端脚本运行时才执行此操作-一个简单的服务器脚本示例是,当计时器计数从1到10时,仅每秒发送通知,然后停止
这有可能吗