如何在HTML中查看事件流数据 [英] How to view Event Stream data in HTML

查看:54
本文介绍了如何在HTML中查看事件流数据的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述





我想要的是将一些数据从我的服务器发送到updates.html



updates.html:

 <   html  >  
< head >

< / head >
< 正文 >
< < span class =code-leadattribute> script src = event-source.js > < / script >
< / body >
< / html >





event-source.js:

  document  .addEventListener('  DOMContentLoaded' function (){
var eventSrc = new EventSource(' events.php');
eventSrc.addEventListener(' open' function (event){
console .log(event.type);
});
eventSrc.addEventListener(' message' function (event){
console .log(event.type);
console .log(event.data);
});
}, false );





events.php:

 <?php  
header( Content-Type:text / event-stream \ n \ nn);
echo ' data:'。时间() 。 \ n;
?>





我的服务器代码(一次请求)已收到)

 使用 UrlRequested 
response.ContentType = text / event-stream
If .ToString = updates.html 然后
bytes = IO.File.ReadAllBytes( ./ thingies / updates.html
ElseIf .ToString = event-source。 js 然后
bytes = IO.File.ReadAllBytes( ./ thingies / event-source.js
ElseIf .ToString = events.php 然后
bytes = IO.File.ReadAllBytes( ./ thingies / events.php
结束 如果
结束 使用
Dim buffer()作为 字节 =字节
response.ContentLength64 = buffer.Length
Dim 输出 As System.IO.Stream = response.OutputStream
output.Write (缓冲区, 0 ,buffer.Length)





什么都没有出现页面...为什么?



-Rixterz

解决方案

Hi,

All I want is for some data to be sent from my server to updates.html

updates.html:

<html>
	<head>
	
	</head>
	<body>
		<script src="event-source.js"></script>
	</body>
</html>



event-source.js:

document.addEventListener('DOMContentLoaded', function(){
        var eventSrc  = new EventSource('events.php');
                eventSrc.addEventListener('open', function(event){
		console.log(event.type);
	});
        eventSrc.addEventListener('message', function(event){
        console.log(event.type);
	console.log(event.data);
    });
}, false);



events.php:

<?php
	header("Content-Type: text/event-stream\n\n");
	echo 'data: ' . time() . "\n";
?>



My server code (once request has been received)

With UrlRequested
        response.ContentType = "text/event-stream"
        If .ToString = "updates.html" Then
                bytes = IO.File.ReadAllBytes("./thingies/updates.html")
        ElseIf .ToString = "event-source.js" Then
                bytes = IO.File.ReadAllBytes("./thingies/event-source.js")
        ElseIf .ToString = "events.php" Then
                bytes = IO.File.ReadAllBytes("./thingies/events.php")
        End If
End With
Dim buffer() As Byte = bytes
response.ContentLength64 = buffer.Length
Dim output As System.IO.Stream = response.OutputStream
output.Write(buffer, 0, buffer.Length)



Nothing comes up on the page...why?

-Rixterz

解决方案

这篇关于如何在HTML中查看事件流数据的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆