基于香草JS AJAX长轮询的WebSocket最简单方法

Question

我用香草JavaScript准备了AJAX长轮询（实时）的最简单方法，没有像jQuery这样的任何库...代码基于PHP文件server.php （仅此）读取的data.txt timestamp而工作。

function realtime(timestamp) {
    var xhr = new XMLHttpRequest();

    xhr.open('GET', 'server.php' + (typeof timestamp !== 'undefined' ? '?timestamp=' + timestamp : ''), true);
    xhr.onreadystatechange = function() {
        if (xhr.readyState == 4 && xhr.status == 200) {
            var result = JSON.parse(xhr.responseText);

            document.getElementById('response').innerHTML = result.content;

            realtime(result.timestamp);
        }
    };
    xhr.send();
}

realtime();

现在，我想知道如何在websocket准备类似的示例（没有任何库，只需清理JS / PHP）。

有可能的？

Answer 1

Websocket是与HTTP不同的协议（它使用HTTP升级机制）。 因此，您必须调整您的Web服务器和任何反向代理等以处理WebSocket连接。