什么是 signalr-sans-jquery
signalr-sans-jquery 是一个基于 HTML5 WebSocket 技术的前端库，用于实现双向通讯。与传统的 Ajax 技术不同，WebSocket 技术可以实现服务器向客户端推送数据，从而实现实时通讯。signalr-sans-jquery 是 signalr 的一种轻量级实现，去除了 jQuery 的依赖，使得它更加轻量、高效，适合用于前端框架中。
安装 signalr-sans-jquery
使用 npm 安装 signalr-sans-jquery 很简单。首先需要在项目目录下执行以下命令：
npm install signalr-sans-jquery --save
这将会在项目中安装 signalr-sans-jquery，并将其添加到项目的依赖中。接下来，可以在代码中引入 signalr-sans-jquery，如下所示：
import signalR from 'signalr-sans-jquery';
使用 signalr-sans-jquery
signalr-sans-jquery 提供了一种非常简单的 API，用于实现客户端与服务器之间的通讯。以下是一些常用的方法：
连接到服务器
要连接到 signalr 服务器，调用 signalR.connection 对象的 start 方法，如下所示：
const connection = signalR.hubConnection('http://localhost:8080');
connection.start().then(() => {
console.log('Connected!');
});调用服务器上的方法
连接成功后，可以使用 connection.invoke 方法调用服务器上的方法，如下所示：
connection.invoke('SendMessage', 'Hello, world!').catch(err => {
console.error(err);
});接收服务器发来的消息
要接收服务器上的消息，可以使用 connection.on 方法监听服务器发送的消息，如下所示：
connection.on('ReceiveMessage', message => {
console.log(`Received message: ${message}`);
});示例代码
下面是一个完整的示例，演示了如何使用 signalr-sans-jquery 实现双向通讯：
-- -------------------- ---- -------
------ ------- ---- ----------------------
----- ---------- - -----------------------------------------------
-------------------------- -- -
--------------------------
------------------------------ ---------------- -- -
------------------- ----- --------
---
---
------------------------------- ------- -- -
--------------------- -------- -------------
---
---------------------------------------------------------------- -- -- -
----- ------- - -----------------------------------------------
-------------------------------- ---------------- -- -
----------------- -------- -------------
---
---总结
在本文中，我们介绍了 signalr-sans-jquery 这个基于 WebSocket 技术的前端库，并演示了如何使用它实现双向通讯。signalr-sans-jquery 简单易用，适合用于前端框架中，希望本文对大家学习 signalr-sans-jquery 有帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600573b081e8991b448e9ac6