ajax与websocket的区别以及websocket常用使用方式www

2019-06-05 作者:计算机教程   |   浏览(97)
var ws = new WebSocket("URL路径");
ws.onopen = function(evt) { 
 console.log("打开成功"); 
 ws.send("Hello WORD!");
};
ws.onmessage = function(evt) {
 console.log( "Received Message: "   evt.data);
 ws.close();
};
ws.onclose = function(evt) {
 console.log("服务关闭");
};  

而对于第二点我们就要引入我们今天所讲的websocket这个概念。

2.如果后端有什么比较重要的问题需要推送给前端消息,这个时候前端是无法接收到的。

 

-及前端给后端发出请求后端接受请求后执行操作,即便前端可以接受后端给予的返回值,但是与后端交互的主动权始终是放在前端手里面。

不过值得注意的是一般情况下如果推送量较为大的话公司会选择一些比较大的云服务来做,比如笔者的公司就是使用的融云服务来做的,等笔者有空的话会专门开一次坑讲一讲融云服务的教程

以上所述是小编给大家介绍的ajax与websocket的区别以及websocket常用使用方式 介绍,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

代码如下

websocket协议在2008年诞生,2011年成为国际标准。所有浏览器都已经支持了。

在线聊天室和一些需要接受推送提示的地方。 

而这样就会遇到两个有意思的问题--

2.如果后端有什么比较重要的问题需要推送给前端消息,这个时候前端是无法接收到的。

在你的ws服务打开以后会在前端的内一直处于挂起状态,由于现在框架横行,当你的框架或者说前端项目经过node编译或者运行时候你可以把ws服务写在所有页面的模板中就可以让项目只要处于被打开状态就能一直运行


一.什么是websocket

而他与常规的ajax最大的不同在于他可以双向接受和发送

var ws = new WebSocket("URL路径");

ws.onopen = function(evt) { 
  console.log("打开成功"); 
  ws.send("Hello WORD!");
};

ws.onmessage = function(evt) {
  console.log( "Received Message: "   evt.data);
  ws.close();
};

ws.onclose = function(evt) {
  console.log("服务关闭");
};   

一般前端与后端的交互主要是使用ajax进行异步操作调用交互,比较有趣的是这种交互方式一般都是单项交互的--

如以上代码所示我们成功的创建了一个简单的名字为WS的websocket服务并且想后台定义的路径中发送了一条hello word的简讯并且会在接收到推送的时候打印Received Message

面对这两个问题的主流解决办法分别为针对第一条我们会给整个页面做一个加载中的动画并且锁定住整个页面从而强迫用户等待到整个后端返回值结束后再将页面解锁。

面对这两个问题的主流解决办法分别为
针对第一条我们会给整个页面做一个加载中的动画并且锁定住整个页面从而强迫用户等待到整个后端返回值结束后再将页面解锁。

不过值得注意的是一般情况下如果推送量较为大的话公司会选择一些比较大的云服务来做,比如笔者的公司就是使用的融云服务来做的,等笔者有空的话会专门开一次坑讲一讲融云服务的教程

-及前端给后端发出请求后端接受请求后执行操作,即便前端可以接受后端给予的返回值,但是与后端交互的主动权始终是放在前端手里面。

一.什么是websocket

而这样就会遇到两个有意思的问题--

本文由www.2003.com发布于计算机教程,转载请注明出处:ajax与websocket的区别以及websocket常用使用方式www

关键词: