服务器和浏览器建立长轮询

长轮询是一种实现服务器与浏览器实时通信的技术。它的基本原理是：浏览器向服务器发送一个请求，服务器接收到请求后不立刻返回响应，而是将请求挂起，直到服务器有新的数据可以返回或者超时时，才返回响应给浏览器。这样可以实现服务器向浏览器推送实时数据的效果。

具体实现方式如下：

1.浏览器向服务器发送一个请求，并在请求头中设置一个特殊的参数，告诉服务器这是一个长轮询请求。

2.服务器接收到请求后，不立刻返回响应，而是挂起请求，并等待新的数据产生。

3.当服务器有新的数据产生时，返回响应给浏览器，并在响应头中设置一个特殊的参数，告诉浏览器这是一个新的响应。

4.浏览器接收到响应后，立刻再次向服务器发送一个长轮询请求，继续等待新的数据产生。

5.如果服务器没有新的数据产生，那么在一定时间后，服务器会返回一个空响应给浏览器，告诉浏览器重新发送长轮询请求。

通过这种方式，浏览器可以实时接收到服务器产生的新数据，从而实现实时通信的效果。

相关问题

springboot如何服务器和浏览器建立长轮询

在Spring Boot中，可以使用WebSocket和SSE(Server-Sent Events)来实现服务器和浏览器的长轮询通信。

1. WebSocket

WebSocket是一种基于TCP协议的通信协议，在浏览器和服务器之间建立全双工的通信通道，可以实现实时通信。

在Spring Boot中，可以使用Spring WebSocket模块来实现WebSocket，具体步骤如下：

（1）添加依赖

在pom.xml中添加以下依赖：

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-websocket</artifactId>
</dependency>

（2）创建WebSocket处理器

创建一个WebSocket处理器，继承自TextWebSocketHandler，并重写onMessage方法，在该方法中处理接收到的消息。

@Component
public class MyWebSocketHandler extends TextWebSocketHandler {

    @Override
    protected void handleTextMessage(WebSocketSession session, TextMessage message) throws Exception {
        // 处理接收到的消息
    }
}

（3）配置WebSocket

在配置类中添加@EnableWebSocket注解，配置WebSocket处理器。

@Configuration
@EnableWebSocket
public class WebSocketConfig implements WebSocketConfigurer {

    @Autowired
    private MyWebSocketHandler myWebSocketHandler;

    @Override
    public void registerWebSocketHandlers(WebSocketHandlerRegistry registry) {
        registry.addHandler(myWebSocketHandler, "/websocket");
    }
}

（4）建立WebSocket连接

在前端页面中，使用JavaScript代码建立WebSocket连接。

var ws = new WebSocket("ws://localhost:8080/websocket");
ws.onmessage = function(event) {
    // 处理接收到的消息
};

2. SSE

SSE是一种基于HTTP协议的通信协议，在浏览器和服务器之间建立单向的通信通道，可以实现服务器向浏览器推送实时数据。

在Spring Boot中，可以使用Spring WebFlux模块来实现SSE，具体步骤如下：

（1）添加依赖

在pom.xml中添加以下依赖：

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-webflux</artifactId>
</dependency>

（2）创建SSE控制器

创建一个SSE控制器，使用MediaType.TEXT_EVENT_STREAM_VALUE指定响应类型为text/event-stream，并使用Flux.interval方法生成实时数据。

@RestController
public class MySSEController {

    @GetMapping(value = "/sse", produces = MediaType.TEXT_EVENT_STREAM_VALUE)
    public Flux<String> getRealTimeData() {
        return Flux.interval(Duration.ofSeconds(1)).map(i -> "Real-time data " + i);
    }
}

（3）建立SSE连接

在前端页面中，使用EventSource对象建立SSE连接，并监听message事件。

var es = new EventSource("/sse");
es.onmessage = function(event) {
    // 处理接收到的消息
};

以上就是使用Spring Boot实现服务器和浏览器长轮询的两种方式。

websocket和ajax轮询各自的优缺点

WebSocket 和 Ajax 都是实现实时通信的技术，它们各自的优缺点如下：

WebSocket 的优点：
1. 支持全双工通信，即客户端和服务器可以同时发送和接收消息，通信效率高。
2. 维持长连接，可以减少客户端和服务器之间建立连接的次数，降低服务器的负担。
3. 支持跨域地传递信息。
4. 数据传输格式可以是文本、图像、二进制等多种格式。

WebSocket 的缺点：
1. 客户端和服务器都需要支持 WebSocket 协议，不支持 WebSocket 的浏览器和服务器不能使用 WebSocket 技术。
2. 在一些网络环境下，WebSocket 有可能被屏蔽，导致无法使用。
3. 当大量用户同时使用 WebSocket 时，服务器的负载会变高。

Ajax 轮询的优点：
1. 实现简单，大部分浏览器都支持 Ajax 技术。
2. 可以在各种网络环境下运行，不存在被屏蔽的问题。
3. 可以实现任何数据交换格式。

Ajax 轮询的缺点：
1. 长时间的轮询会消耗服务器资源。
2. 客户端需要不断地向服务器发送请求，增加了网络开销。
3. 轮询的间隔时间过长会降低消息的实时性，间隔时间过短会增加服务器的负载。