QWebSocket与JS网页双向交互

QWebSocket是一个Qt中的类，用于WebSocket通信，可以实现客户端和服务器之间的双向通信。如果你想在JS网页中使用QWebSocket与Qt交互，你可以通过以下步骤实现:

1. 创建一个QWebSocket对象，并使用它连接到服务器:

QWebSocket *socket = new QWebSocket();
socket->open(QUrl("ws://localhost:8080"));

这里假设服务器地址为localhost，端口号为8080，你需要根据实际情况修改。

2. 在JS代码中创建WebSocket对象，并与服务器建立连接:

var socket = new WebSocket("ws://localhost:8080");

socket.onopen = function(event) {
    console.log("WebSocket连接已建立");
};

socket.onmessage = function(event) {
    var message = event.data;
    console.log("收到消息: " + message);
};

这里使用了JS中的WebSocket对象，当连接建立后，会调用onopen函数，当收到消息时，会调用onmessage函数。

3. 在Qt中接收来自JS的消息:

在Qt中，可以使用QWebSocket的textMessageReceived信号来接收来自JS的消息:

connect(socket, &QWebSocket::textMessageReceived, [=](const QString &message) {
    qDebug() << "收到消息: " << message;
});

这里使用了Qt5中的新连接语法，当收到消息时，会打印消息内容。

4. 在Qt中向JS发送消息:

在Qt中，可以使用QWebSocket的sendTextMessage函数向JS发送消息:

socket->sendTextMessage("Hello from Qt!");

这里向JS发送了一条文本消息。

通过以上步骤，你就可以在JS网页和Qt应用程序之间实现双向通信了。