在h5页面中,在 JavaScript 里如何调用 socket套接字 来发送数据 10C

在js 里面指定 ip 和端口,调用socket发请求,
不是websocket,不是使用http或者ws协议,而是直接使用tcp或者udp。
想达到类似于使用java Socket套接字一样的效果,直接使用socket 的输入输出流。

5个回答

 // 创建一个Socket实例
var socket = new WebSocket('ws://localhost:8080'); 

// 打开Socket 
socket.onopen = function(event) { 

  // 发送一个初始化消息
  socket.send('I am the client and I\'m listening!'); 

  // 监听消息
  socket.onmessage = function(event) { 
    console.log('Client received a message',event); 
  }; 

  // 监听Socket的关闭
  socket.onclose = function(event) { 
    console.log('Client notified socket has closed',event); 
  }; 

  // 关闭Socket.... 
  //socket.close() 
};

好像只能用webscoket 的

u012852890
释然者如斯 非常感谢您的回答,但是websocket不是我需要的。我需要的是能通过js直接操作传输层协议tcp或者udp的方法
接近 2 年之前 回复

Websocket
也可以用第三方的,例如goeasy,第一年免费,限发送量

可以直接调用tcp,但是有限制,而且只是个别浏览器有着功能。

火狐 :https://developer.mozilla.org/en-US/docs/Archive/B2G_OS/API/TCPSocket

Chrome:https://developer.chrome.com/apps/sockets_tcp

只能说,个别浏览器支持,而且太麻烦。最好java后台封装ws。

推荐

h5标准中并没有说要暴露出socket底层 只有封装好的WebSocket类
真要操作tcp或udp只能看浏览器支不支持 局限性很大

js中的web sockets
为了实现在单独的持久连接上提供全双工、双向通信的功能,HTML5中增加了连接API-WebSockets。在JavaScript中创建了WebSocket之后,会有一个HTTP请求发送到浏览器以发起连接。在取得服务器响应后,建立的连接会使用HTTP升级,从HTTP协议转变为web socket协议。具体的过程如下:
(1)客户端建立连接时,通过HTTP发起请求报文,如下所示

Upgrade:websocket
Connection:Upgrade
Sec-WebSocket-Key:
Sec-WebSocket-Protocol:
1
2
3
4
5
这两个字段表示请求服务器端升级协议为WebSocket,Sec-W
(2)服务器端处理完请求之后,响应如下报文

Upgrade:websocket
Connection:Upgrade
Sec-WebSocket-Accept:
Sec-WebSocket-Protocol:
1
2
3
4
5
该报文告知客户端正在更换协议,更新应用层协议为WebSocket协议。

web sockets API
要创建Web Socket,先实例一个webSocket对象并传入要连接的URL

var socket = new WebSocket('ws:www.example.com/server.php');
1
2
在这里需要注意,必须给WebSocket传入绝对URL。同源策略对Web Sockets不适用,因此可以通过它打开任何站点的连接。所以是否跟某个域中的页面通信,完全取决于服务器
实例化了WebSocket对象后,浏览器会马上尝试创建连接。WebSocket有一个表示当前状态的readyState属性。

WebSocket.OPENING(0):正在创建连接
WebSocket.OPEN(1):已经建立连接
WebSocket.CLOSING(2):正在关闭连接
WebSocket.CLOSING(3):已经关闭连接
readyState的值永远从0开始。
要关闭socket连接,可以在任何时候调用close()方法

socket.close();

发送和接收数据
Web Socket打开之后,就可以通过连接发送和接收数据。要向服务器发送数据,使用send()方法,并传入任意字符串。如

var socket = new WebSocket('ws:www.example.com/server.php');
socket.send('hello world');
1
2
3
在这里需要注意:因为WebSockets只能通过连接发送纯文本数据,所以对于复杂的数据结构,在通过连接发送之前,必须进行序列化。
当服务器向客户端发来消息时,WebSocket对象就会触发message事件。这个message事件与其他传递消息的协议类似,也是把返回的数据保存在event.data属性中

socket.onmessage = function(e){
var data = e.data;
//处理数据
};
1
2
3
4
5
值得一提的是data的数据格式也是字符串,如果想得到其他格式的数据,必须手工解析这些数据。

u012852890
释然者如斯 非常感谢您的回答,但是websocket不是我需要的。我需要的是能通过js直接操作传输层协议tcp或者udp的方法
接近 2 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
H5的JS如何调用Android的SDK
最近开发一个APP项目,原本一直是用MUI+H5开发的,然后现在要用到face++的SDK,所以用了Android Studio来集成5+SDK,现在需要有个入口,比如我们点击原先App中某个页面的按钮,通过该页面的js调用face++的人脸识别SDK,以前从来没做个这个类型的东西,不知道怎么来调用这种SDK,查资料也是语焉不详,有没有大牛能帮忙解惑?
h5返回页面时,该页面中ul用js加载的内容会重新加载,如何解决?
h5返回页面时,该页面中ul用js加载的内容会重新加载,如何解决?
vue+webpack+socket连接
1. 在 .vue 里通过接口获得 ip:端口号,在 main.js 如何配置连接 socket
请问:怎么样在ajax中异步调用页面并执行调用页里的JS
众说周知 A页面使用AJAX的xmlHttp 异步调用另外一个页面B, 是把B页的前端代码(包括HTML,CSS,JS等)是以字符串的形式存储在data里 所以在A页面中显示的结果是HTML 但是JS等不体现也不执行 请问 怎么样才能使 A页面调用B页面的似乎 也执行其中的JS代码呢?
同一个网站中,在a页面怎么用js语言调用到b页面的函数?
我想请问一下各位大神,怎么在在a页面怎么用js调用到b页面的函数?
关于h5调用蓝牙接收数据包的问题
用h5写了一个程序,可调用手机蓝牙连接其他低功耗蓝牙设备,程序发送命令后,设备返回数据,但是有一个问题就是低功耗蓝牙设备一次只能发送18字节的数据包,就导致了程序收到的数据包有几个,所以需要将这些拆开的胡数据包拼接成完整的数据,有没有人做过这个功能
js中不知道怎样调用资源包内容
我用的是appFuse框架,但是在js中不知道怎样调用资源包内容,也就是我想在汉字页面想让js显示汉字,英语页面的时候显示英语,当然这在js文件中只是调用一下资源包,但是在js文件中怎样调用呢,我的文件名是globel.js,资源包名 是ApplicationResources.properties
在a.js文件里面调用b.html 里面的<>c方法</>,如何调用啊?
**在a.js文件里面调用b.html 里面的<>c方法</>,如何调用啊,**![图片说明](https://img-ask.csdn.net/upload/201909/29/1569745049_782613.png)![图片说明](https://img-ask.csdn.net/upload/201909/29/1569745058_569908.png) 如图,我要在list.js文件里面调用fullcalendar.html里的<>function test()</>
父级如何访问iframe页面里的元素和调用其中的js方法
父级html如何访问其中iframe子页面里的html页面里的元素和调用其中的js方法,
js 或 jquery 有没有在一个页面上调用某个页面的方法
js 或 jquery 有没有在一个页面上调用某个页面的方法
vue中引入a.js和b.js 请问如何a能调用b中的方法,b也能调用a中的方法
vue中引入a.js和b.js 请问如何a能调用b中的方法,b也能调用a中的方法
js跨域调用函数 接收返回值
现在 http://www.demo1.com/demo.jsp 中的js 想调用 http://www.demo2.com/demo2.jsp 页面中的js 函数的返回值 这里的JS的返回值是用AJAX调用本服务器demo2上的页面接收的值 我试过了不少方案 都没办法 头疼了。。 并且 document.domain 也不能用 因为demo1 demo2 都不在一个域之内 我demo1里面的demo.jsp 需要 demo2里面 demo2.jsp 中的js在 demo2的服务器上执行ajax 希望大哥们有经验的给个思路 提醒一下 也行 谢了
求一个接口能使js直接调用到ios开发里面的方法
求一个接口能使js直接调用到ios开发里面的方法,就是js里面连接一个接口,能直接调用ios里面的函数,进行数据的交互
VUE中有两个js文件请问如何让两个js能都调用到对方的方法。
假如我现在有a.js 和 b.js 两个文件 在vue文件中引入 import (或者其他方式) 请问怎么样才能在a.js 中可以调用b.js中的方法 b.js 中也能调用a.js中的放啊。 菜鸟 勿喷,求大佬解答。
如何用JS调用接口,接口是一个URL,并能返回参数?
现在要在stroyline中的触发器里执行一段JS代码,这个执行的代码需要调用一段URL,并返回一个参数值“CA”
采用安卓苹果壳嵌套h5页面,服务器更新h5代码,有些手机还是以前的h5代码内容,怎么回事,求大神解决
采用安卓苹果壳嵌套h5页面,服务器更新h5代码,有些手机还是以前的h5代码内容,有些手机又能正常更新?怎么回事,求大神解决
js怎么实现移动H5页面手势画圈解锁后跳转页面
![图片说明](https://img-ask.csdn.net/upload/201901/21/1548053714_11130.jpg) h5页面,需要手指沿着圆环画一个圈后跳转页面,请问这个用js怎么实现?
在页面中通过js来调用showmodaldialog,发现第一次能够弹出窗口
在页面中通过js来调用showmodaldialog,通过写循环 发现第一次能够弹出窗口,第二次就弹不出窗口,想问一下有什么解决的办法或者怎么样实现多次弹出窗口的方法
请问javascript中怎么通过socket和后台通信
请问各位。在javascript中怎么创建一个socket客户端,要和后台的socket通信。怎么去实现?能说一下思路吗?
相见恨晚的超实用网站
相见恨晚的超实用网站 持续更新中。。。
爬虫福利二 之 妹子图网MM批量下载
爬虫福利一:27报网MM批量下载 点击 看了本文,相信大家对爬虫一定会产生强烈的兴趣,激励自己去学习爬虫,在这里提前祝:大家学有所成! 目标网站:妹子图网 环境:Python3.x 相关第三方模块:requests、beautifulsoup4 Re:各位在测试时只需要将代码里的变量path 指定为你当前系统要保存的路径,使用 python xxx.py 或IDE运行即可。 ...
字节跳动视频编解码面经
三四月份投了字节跳动的实习(图形图像岗位),然后hr打电话过来问了一下会不会opengl,c++,shador,当时只会一点c++,其他两个都不会,也就直接被拒了。 七月初内推了字节跳动的提前批,因为内推没有具体的岗位,hr又打电话问要不要考虑一下图形图像岗,我说实习投过这个岗位不合适,不会opengl和shador,然后hr就说秋招更看重基础。我当时想着能进去就不错了,管他哪个岗呢,就同意了面试...
开源一个功能完整的SpringBoot项目框架
福利来了,给大家带来一个福利。 最近想了解一下有关Spring Boot的开源项目,看了很多开源的框架,大多是一些demo或者是一个未成形的项目,基本功能都不完整,尤其是用户权限和菜单方面几乎没有完整的。 想到我之前做的框架,里面通用模块有:用户模块,权限模块,菜单模块,功能模块也齐全了,每一个功能都是完整的。 打算把这个框架分享出来,供大家使用和学习。 为什么用框架? 框架可以学习整体...
源码阅读(19):Java中主要的Map结构——HashMap容器(下1)
HashMap容器从字面的理解就是,基于Hash算法构造的Map容器。从数据结构的知识体系来说,HashMap容器是散列表在Java中的具体表达(并非线性表结构)。具体来说就是,利用K-V键值对中键对象的某个属性(默认使用该对象的“内存起始位置”这一属性)作为计算依据进行哈希计算(调用hashCode方法),然后再以计算后的返回值为依据,将当前K-V键值对在符合HashMap容器构造原则的基础上,放置到HashMap容器的某个位置上,且这个位置和之前添加的K-V键值对的存储位置完全独立,不一定构成连续的存储
c++制作的植物大战僵尸,开源,一代二代结合游戏
此游戏全部由本人自己制作完成。游戏大部分的素材来源于原版游戏素材,少部分搜集于网络,以及自己制作。 此游戏为同人游戏而且仅供学习交流使用,任何人未经授权,不得对本游戏进行更改、盗用等,否则后果自负。目前有六种僵尸和六种植物,植物和僵尸的动画都是本人做的。qq:2117610943 开源代码下载 提取码:3vzm 点击下载--&gt; 11月28日 新增四种植物 统一植物画风,全部修...
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它是一个过程,是一个不断累积、不断沉淀、不断总结、善于传达自己的个人见解以及乐于分享的过程。
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
Python——画一棵漂亮的樱花树(不同种樱花+玫瑰+圣诞树喔)
最近翻到一篇知乎,上面有不少用Python(大多是turtle库)绘制的树图,感觉很漂亮,我整理了一下,挑了一些我觉得不错的代码分享给大家(这些我都测试过,确实可以生成) one 樱花树 动态生成樱花 效果图(这个是动态的): 实现代码 import turtle as T import random import time # 画樱花的躯干(60,t) def Tree(branch, ...
linux系列之常用运维命令整理笔录
本博客记录工作中需要的linux运维命令,大学时候开始接触linux,会一些基本操作,可是都没有整理起来,加上是做开发,不做运维,有些命令忘记了,所以现在整理成博客,当然vi,文件操作等就不介绍了,慢慢积累一些其它拓展的命令,博客不定时更新 free -m 其中:m表示兆,也可以用g,注意都要小写 Men:表示物理内存统计 total:表示物理内存总数(total=used+free) use...
Python 基础(一):入门必备知识
Python 入门必备知识,你都掌握了吗?
深度学习图像算法在内容安全领域的应用
互联网给人们生活带来便利的同时也隐含了大量不良信息,防范互联网平台有害内容传播引起了多方面的高度关注。本次演讲从技术层面分享网易易盾在内容安全领域的算法实践经验,包括深度...
程序员接私活怎样防止做完了不给钱?
首先跟大家说明一点,我们做 IT 类的外包开发,是非标品开发,所以很有可能在开发过程中会有这样那样的需求修改,而这种需求修改很容易造成扯皮,进而影响到费用支付,甚至出现做完了项目收不到钱的情况。 那么,怎么保证自己的薪酬安全呢? 我们在开工前,一定要做好一些证据方面的准备(也就是“讨薪”的理论依据),这其中最重要的就是需求文档和验收标准。一定要让需求方提供这两个文档资料作为开发的基础。之后开发...
网页实现一个简单的音乐播放器(大佬别看。(⊙﹏⊙))
今天闲着无事,就想写点东西。然后听了下歌,就打算写个播放器。 于是乎用h5 audio的加上js简单的播放器完工了。 演示地点演示 html代码如下` music 这个年纪 七月的风 音乐 ` 然后就是css`*{ margin: 0; padding: 0; text-decoration: none; list-...
Python十大装B语法
Python 是一种代表简单思想的语言,其语法相对简单,很容易上手。不过,如果就此小视 Python 语法的精妙和深邃,那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点,并附上详细的实例代码。如能在实战中融会贯通、灵活使用,必将使代码更为精炼、高效,同时也会极大提升代码B格,使之看上去更老练,读起来更优雅。
数据库优化 - SQL优化
以实际SQL入手,带你一步一步走上SQL优化之路!
2019年11月中国大陆编程语言排行榜
2019年11月2日,我统计了某招聘网站,获得有效程序员招聘数据9万条。针对招聘信息,提取编程语言关键字,并统计如下: 编程语言比例 rank pl_ percentage 1 java 33.62% 2 cpp 16.42% 3 c_sharp 12.82% 4 javascript 12.31% 5 python 7.93% 6 go 7.25% 7 p...
通俗易懂地给女朋友讲:线程池的内部原理
餐盘在灯光的照耀下格外晶莹洁白,女朋友拿起红酒杯轻轻地抿了一小口,对我说:“经常听你说线程池,到底线程池到底是个什么原理?”
经典算法(5)杨辉三角
写在前面: 我是 扬帆向海,这个昵称来源于我的名字以及女朋友的名字。我热爱技术、热爱开源、热爱编程。技术是开源的、知识是共享的。 这博客是对自己学习的一点点总结及记录,如果您对 Java、算法 感兴趣,可以关注我的动态,我们一起学习。 用知识改变命运,让我们的家人过上更好的生活。 目录一、杨辉三角的介绍二、杨辉三角的算法思想三、代码实现1.第一种写法2.第二种写法 一、杨辉三角的介绍 百度
腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹?
昨天,有网友私信我,说去阿里面试,彻底的被打击到了。问了为什么网上大量使用ThreadLocal的源码都会加上private static?他被难住了,因为他从来都没有考虑过这个问题。无独有偶,今天笔者又发现有网友吐槽了一道腾讯的面试题,我们一起来看看。 腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹? 在互联网职场论坛,一名程序员发帖求助到。二面腾讯,其中一个算法题:64匹...
面试官:你连RESTful都不知道我怎么敢要你?
干货,2019 RESTful最贱实践
为啥国人偏爱Mybatis,而老外喜欢Hibernate/JPA呢?
关于SQL和ORM的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行了一番讨论,感触还是有一些,于是就有了今天这篇文。 声明:本文不会下关于Mybatis和JPA两个持久层框架哪个更好这样的结论。只是摆事实,讲道理,所以,请各位看官勿喷。 一、事件起因 关于Mybatis和JPA孰优孰劣的问题,争论已经很多年了。一直也没有结论,毕竟每个人的喜好和习惯是大不相同的。我也看...
项目中的if else太多了,该怎么重构?
介绍 最近跟着公司的大佬开发了一款IM系统,类似QQ和微信哈,就是聊天软件。我们有一部分业务逻辑是这样的 if (msgType = "文本") { // dosomething } else if(msgType = "图片") { // doshomething } else if(msgType = "视频") { // doshomething } else { // doshom...
致 Python 初学者
欢迎来到“Python进阶”专栏!来到这里的每一位同学,应该大致上学习了很多 Python 的基础知识,正在努力成长的过程中。在此期间,一定遇到了很多的困惑,对未来的学习方向感到迷茫。我非常理解你们所面临的处境。我从2007年开始接触 python 这门编程语言,从2009年开始单一使用 python 应对所有的开发工作,直至今天。回顾自己的学习过程,也曾经遇到过无数的困难,也曾经迷茫过、困惑过。开办这个专栏,正是为了帮助像我当年一样困惑的 Python 初学者走出困境、快速成长。希望我的经验能真正帮到你
Python 编程实用技巧
Python是一门很灵活的语言,也有很多实用的方法,有时候实现一个功能可以用多种方法实现,我这里总结了一些常用的方法,并会持续更新。
“狗屁不通文章生成器”登顶GitHub热榜,分分钟写出万字形式主义大作
一、垃圾文字生成器介绍 最近在浏览GitHub的时候,发现了这样一个骨骼清奇的雷人项目,而且热度还特别高。 项目中文名:狗屁不通文章生成器 项目英文名:BullshitGenerator 根据作者的介绍,他是偶尔需要一些中文文字用于GUI开发时测试文本渲染,因此开发了这个废话生成器。但由于生成的废话实在是太过富于哲理,所以最近已经被小伙伴们给玩坏了。 他的文风可能是这样的: 你发现,
程序员:我终于知道post和get的区别
IT界知名的程序员曾说:对于那些月薪三万以下,自称IT工程师的码农们,其实我们从来没有把他们归为我们IT工程师的队伍。他们虽然总是以IT工程师自居,但只是他们一厢情愿罢了。 此话一出,不知激起了多少(码农)程序员的愤怒,却又无可奈何,于是码农问程序员。 码农:你知道get和post请求到底有什么区别? 程序员:你看这篇就知道了。 码农:你月薪三万了? 程序员:嗯。 码农:你是怎么做到的? 程序员:
"狗屁不通文章生成器"登顶GitHub热榜,分分钟写出万字形式主义大作
前言 GitHub 被誉为全球最大的同性交友网站,……,陪伴我们已经走过 10+ 年时间,它托管了大量的软件代码,同时也承载了程序员无尽的欢乐。 上周给大家分享了一篇10个让你笑的合不拢嘴的Github项目,而且还拿了7万+个Star哦,有兴趣的朋友,可以看看, 印象最深刻的是 “ 呼吸不止,码字不停 ”: 老实交代,你是不是经常准备写个技术博客,打开word后瞬间灵感便秘,码不出字? 有什么
推荐几款比较实用的工具,网站
1.盘百度PanDownload 这个云盘工具是免费的,可以进行资源搜索,提速(偶尔会抽风????) 不要去某站买付费的???? PanDownload下载地址 2.BeJSON 这是一款拥有各种在线工具的网站,推荐它的主要原因是网站简洁,功能齐全,广告相比其他广告好太多了 bejson网站 3.二维码美化 这个网站的二维码美化很好看,网站界面也很...
《程序人生》系列-这个程序员只用了20行代码就拿了冠军
你知道的越多,你不知道的越多 点赞再看,养成习惯GitHub上已经开源https://github.com/JavaFamily,有一线大厂面试点脑图,欢迎Star和完善 前言 这一期不算《吊打面试官》系列的,所有没前言我直接开始。 絮叨 本来应该是没有这期的,看过我上期的小伙伴应该是知道的嘛,双十一比较忙嘛,要值班又要去帮忙拍摄年会的视频素材,还得搞个程序员一天的Vlog,还要写BU
相关热词 c# 图片上传 c# gdi 占用内存 c#中遍历字典 c#控制台模拟dos c# 斜率 最小二乘法 c#进程延迟 c# mysql完整项目 c# grid 总行数 c# web浏览器插件 c# xml 生成xsd
立即提问

相似问题

3
微信H5支付,如何在后台.cs文档中调用前台JS的callpay()方法。ASP.NET
3
不同页面之间javascript 通过传参控制iframe的src动态改变
2
Android中WebView使用loadurl加载过长js文件失效
5
JS中调用WinForm中方法怎么传递对象过去?现在能传参数,但是不能传对象,集合
7
js文件里调用另外一个js里的函数,但是两个js里函数重复的很多,怎么办?
7
C# MVC5 实现HTML页面中引用的javaScript文件中的变量的初始化
3
npm安装的nodejs模块怎样才可以在前端js中直接调用?
1
spring + mybatis工程在本地发布以后,jsp页面调用不了js文件,请大神帮我解答一下。
11
在线急等,马上给C币,请问javascript中怎么调用jsp的代码?
1
求助一下QT与Javascript间调用函数的问题
2
在页面中通过js来调用showmodaldialog,发现第一次能够弹出窗口
2
js load html页面,然后对元素调用js就不起作用了
0
ios集成h5页面但是无法使用4g网络来进行定位(js api)
2
javascript怎么实现调用api的功能,api调用功能的语句的格式是怎么样的?
3
怎么利用javascript语言实现调用后台的一个语句里的一个变量并且显示的功能?
0
H5页面运用iscroll后点击报错,click和a标签失效什么原因?
3
JavaScript中函数的调用需要放在函数定义的后边吗
2
如何实现在多个下拉框中只有一个调用select2,js?
8
使用java的Http请求里的Url对象调用第三方接口返回的数据中文乱码
2
js怎么实现移动H5页面手势画圈解锁后跳转页面