javascript - 防止垃圾邮件异步调用的好方法

Question

我遇到了一个问题，我认为我找到了可行的解决方案。 但为了确保我愿意面对公众批评家。

我有一个可以触发 ajax 调用的小应用程序。

这些电话可能需要一些时间才能回复。

• 我最讨厌的情况是，用户点击多次会发送大量请求，而结果却以最快的速度平静地返回。
• 我也不愿意知道我的用户(一旦他变得聪明并治愈了他严重的全身性点击症*病例)没有得到他调用的最后一个操作的结果。

所以为了避免这种情况，我认为我可以:

• 告诉我的函数了解它是否已经被调用并正在等待响应。
• 如果是，那么它会存储对它所做的任何其他调用，然后什么都不做返回。
  • 任何进一步的调用都会压缩存储的调用，因为我只想保留一个调用(最后一个)。
• 执行回调时，它会检查是否有调用挂起。
  • 如果没有调用在等待，那么它会正常运行
  • 如果调用处于挂起状态，它会跳过它的正常行为，只调用使用挂起数据集触发 ajax 调用的方法，清除存储挂起调用的变量

这是我的代码:

function bob(i) {

    var me = this;
    if (this.isFetching === undefined) {
        this.isFetching = false;
    }
    if (this.isFetching) {
        this.nextFetch = i;
        return;
    } else {
        this.isFetching = true;
    }
    yourFavoriteAjaxCallerMethod({
        url: 'http://this_server_does_not_exist.net/this.is?an=example',
        data: {
            json: JSON.encode({
                bob: i
            }),
            delay: 2
        },
        onSuccess: function (response) {
            console.log(response.bob);
            me.isFetching = false;
            if (me.nextFetch !== undefined) {
                var nextFetch = me.nextFetch;
                delete me.nextFetch;
                bob(nextFetch);
                return;
            }
            alert(response.bob);
        }
    }).send();
}

为了澄清这一切，我制作了一个可以正常工作的 jsFiddle，它应该是不言自明的:http://jsfiddle.net/LhermitteG/L8kqa/

到目前为止，一切正常，这很好，但我的问题是:

Do I do it right ?

Is there a design pattern about this ?

If I did it wrong, what is bad ?

How could I improve it ?

Am I missing something ?

You know I am ... I always miss something :(

Yeah I know I have insecurities issues that I should address ...

-* 我确定这是一种真正的疾病，它必须是，它是真实的，我已经看到了!

Answer 1

对于事件减少，您正在谈论去抖动。 http://benalman.com/projects/jquery-throttle-debounce-plugin/有一个 jquery debounce 方法，和 http://underscorejs.org/#debounce有自己的实现。

问题的第二部分在自动完成中很典型 - 在一般搜索中，用户首先键入的字符较少，导致更大且通常更慢的响应。当他们键入更多信息时，查询会更长，但响应速度会更快，因为搜索查询返回的匹配项更少且负载更小。需要确保最后最多响应的软件模式是相关标识符模式 (163)，我认为最好在此处展示它:http://www.slideshare.net/kevinhakanson/implementing-messaging-patterns-in-java-script-using-the-openajax-hub - 参见幻灯片 45。

如果这看起来太棘手，接受最后一个请求并将关联的(消息)id 存储到回调处理程序中，或者在 javascript 中，或者如果您可以从服务器回显它，那是映射一对一请求的理想选择.如果有任何请求返回，请检查它们是否具有最新的(消息)id，如果没有，则应安全地忽略它们。