用简单的 javascript 实现 long pull / comet 不需要 XSS 框架

Question

我有自己的精简脚本，目前根据浏览器支持使用 XHR 或脚本标签。这些请求最终返回一些 JSON。我的问题现在是这个对象的元素现在需要由服务器在客户端上更新，即我需要实现某种长拉/彗星解决方案。

Google 似乎想出了很多使用各种框架（例如 JQuery 等）的解决方案来在客户端执行此操作。但这对我来说不是一个选择。

我想知道你们是否对我如何扩展现有方法以允许从服务器进行彗星样式更新有任何建议。标准方法之一似乎是使用隐藏的 iframe。这是不行的，因为为我提供 json 数据的应用程序服务器与实际的网络服务器不同。

Answer 1

jQuery 只是简单地包装了 XHR/XMLHTTPRequest 对象。
首先，您需要一个小函数来以跨浏览器的方式返回对象。 这只需 3 行或更少的代码即可完成，并不太困难。 也就是说，这些代码片段非常适合修复不同的浏览器问题，例如内存泄漏。我强烈建议您使用这个。这些当然跨越 3 行以上（除非缩小）。但无论哪种情况，如果您想要重复连接，您都无法从头开始执行此操作。

接下来，在服务器端，假设您在 PHP：

set_time_limit(300); // force connection only after 5 minutes
ignore_user_abort(false); // if the connection ends, terminate immediately

while(true){
    if(some_condition()){
        echo some_response();
        break; // break the loop
    }
    sleep(2); // wait for a second or two
}

客户端，只要连接结束就重复查询。此时，还要处理输出。

客户端示例：

function poll(){
    jQuery.get('http://somesite.com/poll.php',function(data){
        alert('Just received: '+data);
        poll(); // repeat poll
    });
}
poll(); // begin polling