AJAX 轮询和循环

Question

我的项目基本上就像一个实时更新的 Reddit 提要。我正在尝试使用 AJAX 定期轮询服务器以一次更新 15 个项目。

我写了一个 for 循环，但它导致浏览器锁定（我猜 XHR 太多了？）。

如何在不锁定浏览器的情况下轮询 Reddit 式提要中的每个项目？最有效的方法是什么？

如果有 100 多个客户端同时使用网络应用，我应该使用长轮询吗？或者我应该选择智能轮询（如果没有数据，则增加请求之间的等待时间）？

谢谢！我还是 AJAX 新手！

for (var i=0; i < id_array_len; i++) {
        // Grab current reply count

        var reply = $("#repl"+item_id).html();
        var url= *php function here*

        var ajaxRequest;

        try{
            // Opera 8.0+, Firefox, Safari
            ajaxRequest = new XMLHttpRequest();
        } catch (e){
            // Internet Explorer Browsers
            try{
                ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                try{
                    ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e){
                    // Something went wrong
                    alert("Your browser does not support AJAX!");
                    return false;
                }
            }
        }

        ajaxRequest.onreadystatechange = function(){
            if (ajaxRequest.readystate == 4){
                live_feed_data_tot = ajaxRequest.responseText;

                if (live_feed_data_tot.trim() == "no change" || live_feed_data_tot.trim() == "no meme" || live_feed_data_tot.trim() == "no response"){

                    console.log("(no update)");

                } else {

                    var live_feed_data = live_feed_data_tot.split(',');
                    if (live_feed_data[1] == 'reply') {
                        // Reply count has changed
                        new_reply = live_feed_data[0].trim();

                        // Update actual number
                        $("#repl"+item_id).html(new_reply);

                    }
                }
            }
        }

        ajaxRequest.open('POST', url, true);
        ajaxRequest.send();

Answer 1

使用长（当然适合您的应用程序）超时的长轮询。当然，您的调用需要是异步的。只要没有数据要传递，服务器就会保留答案，直到即将达到超时。一旦客户得到答案，就在您的complete()-Block 中触发下一次长轮询。这样可以最大限度地减少请求数量。

编辑：看到您的代码后，我看到您使用本机 ajax，但使用 jQuery 进行选择。我建议您也将 jQuery 用于您的 ajax 请求 (jQuery .ajax() Doku)。

您的代码应如下所示：

function doAjaxLongpollingCall(){

   $.ajax({
     url: "...",
     timeout: <prettylong>,
     success: function(){
       //process your data
     },
     complete: function(){
       doAjaxLongpollingCall();
     }
   });
}

Answer 2

如果您有很多用户，请切换到socket.io 并省去麻烦。它使用 websockets（使用推送机制）并回退到其他机制，如闪存套接字或长轮询（如果浏览器中不可用）。需要您在 node.js 中创建这部分应用程序。