自动填充/自动填充的Javascript代码会降低调查速度

时间:2018-05-31 11:30:28

标签: javascript jquery performance qualtrics

在Qualtrics Survey上,我已经为一些自动完成名称的问题添加了一个JS代码,代码如下所示。

Qualtrics.SurveyEngine.addOnReady(function()
{
/*Place your JavaScript here to run when the page is fully displayed*/

    var textOptions = [
        "Aadi Shah",
        "Aakash Agrawal",
        "Aakash Gupta",
        "Aakash Jaiswal"
    ];

    jQuery('.InputText').autocomplete({source:textOptions});
});

但是在textOptions数组中,我有近5000个名称,这会减慢调查速度,因为每当我在文本字段中输入文本时,它就会变得无法响应。有没有什么方法可以优化这段代码?

1 个答案:

答案 0 :(得分:1)

  1. 确保缓存数据条目检索以保存在I / O
  2. 使用某种去抖和节流。基本上,不是在每个按键上显示选项,而是每2个或3个按键都会有一个请求,因此具有更好的匹配,并且可以将处理减少多个数量级。
  3. 请查看以下链接以获取更多信息

    Debounce Example with jQuery

    Throttling and Debounce

    jQuery Autocomplete debounce