减少 Ajax 请求

Question

我正在使用 jQuery 和 JSON 制作聊天脚本，但我的托管由于“资源使用限制”而暂停了它。我想知道是否有可能（以及如何）减少这些请求。我读到一个问题，其中讲述了有关 Ajax 超时的信息，但我不太擅长 Ajax。代码是：

function getOnJSON() {
    var from;
    var to;
    var msg_id;
    var msg_txt;
    var new_chat_string;

    //Getting the data from the JSON file
    $.getJSON("/ajax/end.emu.php", function(data) {
        $.each(data.notif, function(i, data) {
            from = data.from;
            to = data.to;
            msg_id = data.id;
            msg_txt = data.text;
            if ($("#chat_" + from + "").length === 0) {
                $("#boxes").append('...some stuf...');
                $('#' + from + '_form').submit(function(){
                    contactForm = $(this);
                    valor = $(this + 'input:text').val();
                    destinatary = $(this + 'input[type=hidden]').val();
                    reponse_id = destinatary + "_input";
                    if (!$(this + 'input:text').val()) {
                        return false;
                    }
                    else {
                        $.ajax({
                            url: "/ajax/end.emu.php?ajax=true",
                            type: contactForm.attr('method'),
                            data: contactForm.serialize(),
                            success: function(data){
                                responsed = $.trim(data);
                                if (responsed != "success") {
                                    alert("An error occured while posting your message");
                                }
                                else {
                                    $('#' + reponse_id).val("");
                                }
                            }
                        });
                        return false;
                    }
                });

                $('#' + from + '_txt').jScrollPane({
                    stickToBottom: true,
                    maintainPosition: true

                });
                $('body').append('<embed src="http://cdn.live-pin.com/assets/pling.mp3" autostart="true" hidden="true" loop="false">');
            }
            else {
                var pane2api = $('#' + from + '_txt').data('jsp');
                var originalContent = pane2api.getContentPane().html();
                pane2api.getContentPane().append('<li id="' + msg_id + '_txt_msg" class="chat_txt_msg">' + msg_txt + '</li>');
                pane2api.reinitialise();
                pane2api.scrollToBottom();
                $('embed').remove();
                $('body').append('<embed src="http://cdn.live-pin.com/assets/pling.mp3" autostart="true" hidden="true" loop="false">');
            }
        });
    });
}

限制为 600 个请求/5 分钟，我几乎每秒都需要完成它。我已经支付了一年的费用，他们没有退款，而且我无法修改服务器，只能访问 cPanel。

Answer 1

好吧，如果您想为每个用户每秒发出一个请求，那么 600 请求/5 分钟是相当严格的。本质上，这意味着每个用户每分钟将产生 60 个请求。或 300/5 分钟。换句话说，即使您优化脚本以将两个请求合并为一个，您的站点最多可以有两个用户；）我猜也不会太多...

您有两个选择：

1. < p>坚持通过 Ajax 请求制作聊天系统并更改托管提供商。如果您不具备执行 2 的技能，这实际上可能会更便宜。

2. 忘记发出 Ajax 请求进行轮询，并可能每秒发送另一个请求。围绕网络套接字、长轮询甚至 XMPP 实现一些东西。
   如果你走这条路，我会看看 socket.io 寻找一个使用 Web 套接字的透明库，并且支持它们其余的有长轮询和其他方法的后备方案。对于 XMPP 方式，有优秀的 Strope.js。请注意，这两个路由都比 Ajax 请求复杂得多，并且需要大量服务器逻辑更改。

Answer 2

我不认为每秒检查一次确实是一个好主意，在我看来，对于在线聊天 2/3 秒检查应该足够了。

为了减少请求，您还可以在客户端添加对用户活动的检查，如果窗口处于非活动状态，您可以延长检查时间，当用户恢复活动时回到 2/3 秒，这将允许您节省资源和请求/分钟

Answer 3

我现在正在开发一个项目，需要使 UI 与服务器事件保持同步。我一直在使用长轮询，这确实减少了 ajax 调用的数量，但它给服务器带来了监听客户端感兴趣的事件的负担，这也不有趣。

我即将切换到 socket.io，我将其设置为单独的推送服务。

现有服务器 -->推送到 sockt.io 服务器 -->推送到订阅客户端

Answer 4

ggozad 的反应很好，我也推荐网络套接字。它们仅适用于较新的浏览器模型，因此如果您想让它在所有浏览器上可用，您将需要一个小型 Flash 桥（Flash 可以非常轻松地与套接字通信，还可以调用 JavaScript 函数并从 JavaScript 调用）。另外，如果您有兴趣，Flash 还提供 P2P。 http://labs.adobe.com/technologies/cirrus/

另外，对于服务器端，您如果你是像我一样的 JavaScript 粉丝，可以查看 Node.js :)

来完成我的回复: 没有办法一个基于 Ajax 的聊天，您的请求限制为 600 个请求/5 分钟（2 个请求/秒），想要每秒发出一个请求，并且需要两个以上的用户。

解决办法：改用socket或者P2P。

Answer 5

我建议您使用单线程（作为 API 代理）从服务器端调用该付费服务。您仍然可以在此线程中以 600 个请求/5 分钟进行轮询。然后每个客户端都会无限制地向您的服务器 API 代理发送 Ajax 请求来轮询或长轮询。