<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>webSocketTest客户端</title>

</head>

<body>

        <h4>客户端输入：</h4>

        <textarea id = "message" name="message" style="width: 200px;height: 100px"></textarea>

        <br/>

        <input type="button" value="发送到服务器" onclick="sendMessage()" />

        <h4>服务器返回消息：</h4>

        <textarea id = "responseText" name="message" style="width: 1100px;height: 100px"></textarea>

        <br/>

        <input type="button" οnclick="javascript:document.getElementById('responseText').value=''" value="clear data">

 <script type="text/javascript">

    function send(){

        alert(2);

    }

    var webSocket;

    if(window.WebSocket){

        webSocket = new WebSocket("ws://127.0.0.1:2048/ws");

        //客户端收到服务器的方法，这个方法就会被回调

        webSocket.onmessage = function (ev) {

            var contents = document.getElementById("responseText");

            contents.value = contents.value +"\n"+ ev.data;

        }

        webSocket.onopen = function (ev) {

            var contents = document.getElementById("responseText");

            contents.value = "与服务器端的websocket连接建立";

            var data = '{"method":"init","identifier":"11VKF7M0020199"}';

            webSocket.send(data);

        }

        webSocket.onclose = function (ev) {

            var contents = document.getElementById("responseText");

            contents.value =  contents.value +"\n"+ "与服务器端的websocket连接断开";

        }

    }else{

        alert("该环境不支持websocket")

    }

    function sendMessage() {

        //alert(document.getElementById("message").value);

        if(window.webSocket){

            if(webSocket.readyState == WebSocket.OPEN){

                var data2 = '{"method":"video","serialNumber":"yjdp"}';

                var data= '{"method":"video","identifier":"11VKF7M0020199","toIdentifier":"yjdp","status":"'+document.getElementById("message").value+'","url":"http://127.0.0.1:8081/UAV_FILES/FILES/0UYKG7K002001F.mp4"}';

                webSocket.send(data);

            }else{

                alert("与服务器连接尚未建立")

            }

        }

    }

</script>

</body>

</html>

java WebSocket HTML页面的更多相关文章

  1. Java WebSocket HttpSession与WebSocket Session的关联

    当HttpSession中止(通过显示地失效或超时)时,Web容器会把HttpSession属性从HttpSession中清除. javax.servlet.http.HttpSessionBindi ...

  2. 使用Jetty搭建Java Websocket Server，实现图像传输

    https://my.oschina.net/yushulx/blog/298140 How to Implement a Java WebSocket Server for Image Transm ...

  3. MinerHtmlThread.java 爬取页面线程

    MinerHtmlThread.java 爬取页面线程 package com.iteye.injavawetrust.miner; import org.apache.commons.logging ...

  4. Java WebSocket 线程安全的保证

    Java WebSocket线程安全基于3点: 1 在新的客户端连接时,WebSocket容器会创建一个新的端点实例,对应的会话实例表示从唯一的客户端到该端点实例的唯一连接. 2 每个WebSocke ...

  5. java websocket学习

    引言: websocket,webservice傻傻分不清楚,都觉得是很高深的东西,理解中的webservice是一种协议,通信协议,类似http协议的那种,比如使用webservice协议调后台接口 ...

  6. java websocket开发的客户端程序

    最近用java websocket开发的客户端程序,在和服务端链接通后,在数据传输完毕后,客户端自动关闭了链接,如何能保持链接不断开 这个是客户端的启动类,在循环完毕后,会自动断开和服务器的链接,开始 ...

  7. jsp(java server pages)：java服务器端的页面

    jsp(java server pages):java服务器端的页面 JSP的执行过程1.浏览器输入一个jsp页面2.tomcat会接受*.jsp请求,将该请求发送到org.apache.jasper ...

  8. java WebSocket Demo

    1.IDEA创建Module,结构如图(Tomcat8.0) 2.引入jar包:javax.websocket-api.jar 3.新建WebSocketTest类 import javax.webs ...

  9. Java WebSocket实现网络聊天室(群聊+私聊)

    1.简单说明 在网上看到一份比较nice的基于webSocket网页聊天项目,准备看看学习学习,如是有了这篇文章!原博主博客:http://blog.csdn.net/Amayadream/artic ...

随机推荐

  1. SpringMVC 零配置 无web.xml

    对SpringMVC启动流程的讲解 https://www.cnblogs.com/beiyan/p/5942741.html 与SpringMVC的整合 https://hanqunfeng.ite ...

  2. Linux用户管理命令介绍

    1)管理用户命令总汇 2)管理用户组命令 总汇

  3. #学习笔记：CentOS7学习之十三（2）：磁盘介绍与管理

    1.磁盘分区工具与挂载 1.1 硬盘分区符认识: MBR概述:全称为Master Boot Record,即硬盘的主引导记录. 硬盘的0柱面.0磁头.1扇区称为主引导扇区(也叫主引导记录MBR).它由 ...

  4. FZU2275 Game（kmp

    暑假wa的题了,,,看见vj的attempt痕迹打算挨个补了,简单kmp题,判断bob的串是不是全为0或者是alice的字串就好了 #include<algorithm> #include ...

  5. Leetcode 杂题

    盛最多水的容器   给定 n 个非负整数 a1,a2,...,an,每个数代表坐标中的一个点 (i, ai) .在坐标内画 n 条垂直线,垂直线 i 的两个端点分别为 (i, ai) 和 (i, 0) ...

  6. intelliJ idea安装go开发环境 并 搭建go项目 打包

    本人使用的是 idea 开发go项目  也是一个初学者  将自己遇到的问题记录分享 在晚上查找了很多资料  没有什么可以直接使用  本人再次整理一下 我使用的idea 时 2017.2.6 版本的 查 ...

  7. URL的 ? 和 # (hash)，如何将参数保存在URL中，用于刷新获取之前的变量？

    URL中会带上参数,假如是?开头的,那这个是会被加入到ajax请求中的,#(hash)相当于书签锚点,用于定位页面,不会加入到ajax请求中,所以有些时候,我们可以把一些参数放在#后面 如何获取URL ...

  8. linux 之内存与磁盘

    记录工作中常用操作 1. 新建和增加SWAP分区(都必须用root权限,操作过程应该小心谨慎.) 1)新建分区 .以root身份进入控制台(登录系统),输入 swapoff -a #停止所有的swap ...

  9. js弹窗返回值详解(window.open方式)

    今天在改公司一个老系统时,碰到了window.open()的这个语法.虽然这个方法有点老,不太用了.所以有点不清楚父级弹框如何获取子级页面返回的值.为了解决这个问题,上网搜了一下.原作者参考网址:ht ...

  10. Mongoose 使用Node操作MongoDB

    Mongoose好处 可以为文档创建一个模式结构(Schema) 可以对模型中的对象/文档进行验证 数据可以通过类型转换转换为对象模型 可以使用中间件来应用业务逻辑挂钩 比Node原生的MongoDB ...