代码拉取完成,页面将自动刷新
<!DOCTYPE html>
<html>
<head>
<title>登陆界面</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css">
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<style>
body{
margin: 0 auto;
text-align: center;
}
</style>
</head>
<body>
<input type="hidden" id="userid" value="<?php session_start();echo session_id(); ?>">
<div id="content" style="width:500px;height:200px;border:1px solid #ccc;margin:0 auto;text-align:left;overflow-y:auto;">
</div><br /><br />
<input type="text" placeholder="请输入内容" id="inputinfo"><br /><br />
<div style="display:none;">
<button type="submit" style="width:250px;" class="btn btn-default">发表</button>
</div>
<script type="text/javascript">
// 打开一个 web socket
var ws = new WebSocket("ws://192.168.18.59:8089");
ws.onopen = function(){
var userid=$("#userid").val();
// ws.send(userid);
};
ws.onmessage = function (evt){
var received_msg = evt.data;
$("#content").append(received_msg+"<br />");
var div = document.getElementById('content');
div.scrollTop = div.scrollHeight;
};
ws.onclose = function(){
alert("onclose");
};
$(".btn").click(function() {
var mydata=$("#inputinfo").val();
$("#inputinfo").val("");
$("#inputinfo").focus();
wssend(mydata);
});
function wssend(data) {
ws.send(data);
}
$(document).keydown(function(event){
if (event.keyCode==13) {
$(".btn").click();
}
});
</script>
</body>
</html>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。