如何避免在与服务器交互的文本框、文本区域中重复请求

Question

在 Javascript 中，是否有人/任何人都有要避免的详尽的组合键列表。例如，文本框为每次按键发送 Web 服务请求。这种情况经常发生在诸如 HOME[光标返回文本框开头]、DELETE、SHIFT + HOME + DELETE 等组合键上，事件会触发并且相同的请求参数被发送到 webservice。[我知道缓存查询结果将解决这种情况，但其他情况如何]。我很想看到一个列表，之前我找不到类似的问题，因此这个 更新： 由于之前的问题标题似乎太离谱并且可能可以关闭，因此我更改了它。我想知道如何优化以ajax方式发送请求的过程，以降低强度。

Answer 1

假设用户正在文本区域或输入中书写，您可以检查每次按键的该元素的值；如果它与最后的值不同，则将其发送到服务器。如果相同，则什么也不做。

示例：

function updateOnKeypress(input) {
    var lastValue;
    input.addEventListener('keypress', function() {
        if( input.value.trim() !== lastValue ) {
            // trim() isn't available in every browser, but you can add it
            // Of course, if leading/trailing whitespace is supposed to trigger
            // a request, then skip the trim()
            lastValue = input.value.trim();
            // … send value to server
        }
    });
}

您可能还想使用计时器来限制请求数量，因此并非每个更改都会导致向服务器发出请求。例如，对于每个更改启动一个超时（例如 0.3 秒），然后在计时器执行时发送该值。

function updateOnKeypressDelayed(input) {
    var lastValue, timer;
    input.addEventListener('keypress', function() {
        if( !timer ) {
            timer = setTimeout(function () {
                if( input.value.trim() !== lastValue ) {
                    lastValue = input.value.trim();
                    timer = null;
                    // … send value to server
                }
            }, 300);
        }
    });
}

Answer 2

与其避免所有这些组合，为什么不限制你接受的内容呢？

例如，创建一个 JS 函数来检查这是否是字符、字母或特殊字符，如果不是，则不提交到服务器。