wuweihao
/
museum_changshu


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123
							<!DOCTYPE html>
<!--<html>-->
<!--<head>-->
	<!--<title>数据库管理系统-应用列表</title>-->
	<!--<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">-->
	<!--<link rel="stylesheet" type="text/css" href="./static/css/index.css">-->
<!--</head>-->
<!--<body>-->
	<!--<div class="open">-->
		<!--<div id="nav">-->
			<!--<ul>-->
				<!--<li>-->
					<!--<div>-->
						<!--<img src="./static/img/application.png" alt="应用">-->
						<!--<p>应用</p>-->
					<!--</div>-->
				<!--</li>-->
			<!--</ul>-->
		<!--</div>-->
		<!--<div id="main">-->
			<!--<div class="main-top">-->
				<!--<button class="btn-create"> + 创建应用 </button>-->
				<!--<div class="user-msg">-->
					<!--<img src="./static/img/people_fill.png">-->
					<!--<p id="name"></p>-->
					<!--<p id="logout">登出</p>-->
				<!--</div>-->
			<!--</div>-->
			<!--<div class="main-middle"></div>-->
		<!--</div>-->
	<!--</div>-->
	<!--<div class="modal">-->
		<!--<div class="modal-content">-->
			<!--<div class="modal-header">-->
				<!--<h4>创建应用</h4>-->
				<!--<button class="btn-close">×</button>-->
			<!--</div>-->
			<!--<div>-->
				<!--<div class="modal-body">-->
					<!--<div class="form-group">-->
						<!--<label>应用名称：</label>-->
						<!--<input id="app-name" type="text" class="formControl" placeholder="必填"/>-->
						<!--<span class="error"></span>-->
					<!--</div>-->
				<!--</div>-->
			<!--</div>-->
			<!--<div class="modal-footer">-->
				<!--<button class="button btn-close" type="button">关闭</button>-->
				<!--<button id="btn" class="submit" type="submit">创建应用</button>-->
			<!--</div>-->
		<!--</div>-->
	<!--</div>-->
	<!--<div id="hide"></div>-->
	<!--<script src="./static/js/jquery-3.3.1.min.js"></script>-->
	<!--<script src="./layer/layer.js"></script>-->
	<!--<script src="./static/js/index.js"></script>-->
<!--</body>-->
<!--</html>-->


<html lang="en">
<head>
	<title>Server-Sent Events Demo</title>
	<meta charset="UTF-8" />
	<script>
		window.addEventListener("load", function() {
			var button = document.getElementById("connect");
			var status = document.getElementById("status");
			var output = document.getElementById("output");
			var connectTime = document.getElementById("connecttime");
			var source;

			function connect() {
				source = new EventSource("http://192.168.0.207:8100/sendMessage"); //连接的Api
				source.addEventListener("message", function(event) {
					output.textContent = event.data;
					//这是回调的信息

				}, false);

				source.addEventListener("connecttime", function(event) {
					connectTime.textContent = "Connection was last established at: " + event.data;
				}, false);

				source.addEventListener("open", function(event) {
					button.value = "Disconnect";
					button.onclick = function(event) {
						source.close();
						button.value = "Connect";
						button.onclick = connect;
						status.textContent = "Connection closed!";
					};
					status.textContent = "Connection open!";
				}, false);

				source.addEventListener("error", function(event) {
					if (event.target.readyState === EventSource.CLOSED) {
						source.close();
						status.textContent = "Connection closed!";
					} else if (event.target.readyState === EventSource.CONNECTING) {
						status.textContent = "Connection closed. Attempting to reconnect!";
					} else {
						status.textContent = "Connection closed. Unknown error!";
					}
				}, false);
			}

			if (!!window.EventSource) {
				connect();
			} else {
				button.style.display = "none";
				status.textContent = "浏览器不支持-请用现代浏览器";  //通常是IE浏览器不支持
			}
		}, false);
	</script>
</head>
<body>
<input type="button" id="connect" value="Connect" /><br />
<span id="status">Connection closed!</span><br />
<span id="connecttime"></span><br />
<span id="output"></span>
</body>
</html>