基於香草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連接。