JQueryUI自动完成不更新击键时的源数组
是指在使用JQueryUI的自动完成插件时，当用户键入字符时，插件会从一个预定义的源数组中获取匹配的结果并显示在自动完成的下拉菜单中。然而，当用户在输入框中连续击键时，并不会更新源数组，即不会重新从源数组中获取匹配的结果。
这个问题的主要原因是为了提高性能和减少不必要的网络请求。如果每次击键都去更新源数组并重新获取匹配的结果，会导致过多的网络请求和响应延迟，降低用户体验。
为了解决这个问题，可以通过以下几种方式进行优化：
- 前端缓存：在第一次获取源数组的结果后，将其缓存在前端，每次用户连续击键时直接从缓存中获取匹配的结果，避免频繁的网络请求。
- 延迟加载：在用户键入字符后，等待一段时间再去更新源数组并重新获取匹配的结果。可以使用定时器来延迟加载，只有在用户停止击键一段时间后才触发更新。
- 智能预加载：根据用户的输入情况预加载可能的匹配结果。可以根据用户输入的前几个字符来预测可能的结果，并提前获取并缓存这部分结果，从而在用户连续击键时可以快速获取到匹配的结果。
- 异步更新：当用户连续击键时，可以通过异步请求更新源数组，并在请求返回后更新自动完成的下拉菜单。这样可以在用户输入的同时进行更新，避免阻塞用户界面。
腾讯云相关产品推荐：
相关·内容
在输入文本框中实现JQuery-UI自动完成下拉菜单时，我遇到了一个问题。下拉列表应该在每次击键时更新。虽然基于每次击键的输入正确地更新从url端点检索的数据数组(建立)，但是自动完成功能似乎没有正确地更新其源，即似乎自动完成仅过滤来自初始数组的结果，而不是
浏览 22提问于2021-11-19得票数 0
回答已采纳
我目前正在尝试创建一个自动完成，它的源代码存储在一个javascript变量中，但这个变量可以由另一个函数更新。因此，我希望每次用户更新autocomplete字段时，都会生成autocomplete的source字段。下面是我使用的代码： <script>
浏览 0提问于2012-12-13得票数 9
回答已采纳
由于环境原因，我想将其限制为一些小而简洁的东西，而不是插件，除非它是一个可以内联地放在其他jquery代码之外的扩展。我有这样的代码： LoadList(1) 我想添加一个延迟，以便如果用户必须等待(如停止键入因此，基本上，如果在连续击键之间键入的字母少于X时间，则不会发生ajax调用。
用Jquery是否有一种简洁的方法来做到这一点？
浏览 4提问于2011-06-20得票数 8
回答已采纳
代码如下，直接取自jqueryui自动完成示例。唯一的变化是它从我自己的站点上捡起了JSONP，只是它除了停留在小旋转器上寻找响应外，什么也不做。function( event, ui ) { }如果我将JSONP的源更改为所以问题是，在jqueryUI示例中提供
浏览 1提问于2016-11-13得票数 0
回答已采纳
我使用jQuery UI autocomplete处理来自远程数据源的数据。我的用例与下面的示例非常相似：
有什么方法可以防止菜单在两次击键之间暂时消失吗？一个很好的用例是谷歌的搜索，在两次击键之间，建议框不会暂时消失。
浏览 3提问于2012-02-07得票数 0
回答已采纳
1回答
我想惰性地初始化jQueryUI自动完成的源选项。我知道将函数传递给源选项的可能性，但我希望推迟初始化，直到用户真正开始使用自动完成。 $(event.target).source = availableTags;});
如何在用户开始使用UI元素之前延迟设置源选项注意:为
浏览 0提问于2014-07-08得票数 0
回答已采纳
1回答
加载自动完成时出错
、、、、
我的标签html是这样的：我想使用自动完成功能在输入文本中添加>",}); public function getLaporan(){
浏览 0提问于2015-12-10得票数 1
好的，这里的主要问题是我需要比较通过ajax从数据库获得的值。textbox的值来自数据库，具体取决于其选项值。<script> $( "#tags" ).autocomplete({
source: '
浏览 1提问于2014-02-25得票数 0
1回答
我有一个数组，我想在HTML的输入部分自动完成一些数据，有点像预测文本。我使用的是jqueryUI，按照的指示(做一些测试)，但是代码不工作--当我填写输入时，数据不会自动完成，即使它的设置像示例一样？它基本上是按顺序加载的(我在本地调用Jquery，外部调用JqueryUI )：
<script src="jquery.2.1.4.min.js&
浏览 2提问于2015-07-28得票数 0
回答已采纳
2回答
对于不超过1000个可用选项的字段，下拉列表似乎可以完成任务。然而，我有两个数组，大约有几十个，所以把它们放到一个组合框里，对浏览器来说是个杀手。我猜最好是一个简单的文本输入，但是有一个自动完成的功能。上面的部分首先是从jQueryUI中自动完成的，但是我发现它与2d数组不兼容，比如：
var fkOptionList = [[1, '
浏览 1提问于2013-10-28得票数 0
回答已采纳
2回答
我正在尝试在HTML页面中实现jquery自动完成控件，但我将从URL资源接收JSON。
这是代码。如果我将源代码设置为内联JSON数组(source: data)，那么自动完成功能就能正常工作。如果我将源设置为WCF调用(source: "http://MyServer:86/Service1.svc/GetStates")，那么当我输入任何字母时都会显示列表，但过滤/自动
浏览 0提问于2017-09-01得票数 0
当你在stackoverflow上问一个问题时，当你键入标题时，会出现一个名为“可能已经有你的答案的问题”的列表。我想创建类似类型的字段，以便当用户输入企业名称时，我可以显示系统中已有的类似企业名称。它不一定要像stackoverflow的模型那样复杂。按字母顺序进行简单的搜索就可以了。请记住，与普通的自动补全不同，这种“自动补全”实际上不会填写有问题的字段，而是
浏览 2提问于2012-10-28得票数 1
回答已采纳
我的自定义类型中的RelationChoice小部件可以正常工作，直到启用collective.js.jqueryui autocomplete，然后它停止工作，即停止执行关系查找；输入字段时什么都不会发生(在站点的另一部分中，我使用collective.js.jqueryui autocomplete和Google在用户完成地址字段时返回地址建议。)当前的解决方法是在我想要使用collective.js.jqueryui</
浏览 6提问于2013-03-27得票数 4
回答已采纳
我正在开发一个Etherpad-lite插件，在编写时提供特殊的自动完成功能。我试图在用户写入时更新自动完成项列表。我的问题是，aceEditEvent的context.rep.selStart和context.rep.selEnd中的插入符号位置仅在按键之后的第一个idleWorkTimer事件中更新，为此目的有很大的延迟aceEditEvent中的</
浏览 0提问于2015-06-19得票数 0
回答已采纳
我正在尝试让JQueryUI的自动完成功能使用AJAX调用来填充源数组。<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods
浏览 0提问于2012-04-24得票数 0
回答已采纳
当你在谷歌上写一些东西时，它会保留你写的东西，并添加灰色文本作为完成的选项。BlackGoo/blackle自动完成的列表应该在数组中，如下所示：
数组(“谷歌”、“雅虎”、“堆栈溢出”. )
浏览 5提问于2012-02-18得票数 0
2回答
我正在尝试创建一个自动完成字段与jquery著名的自动完成和创建一个从mysql数据库的数组。它工作得很好，但是当进行选择时，输入字段的值不会更新，因此我无法从表单中传递该值。有人能帮帮我吗？JQUERY：
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs&#x
浏览 0提问于2012-04-09得票数 2
回答已采纳
不幸的是，jQuery UI自动完成文档让我有点困惑： // Code to handle Getting Bugs...如何检查该请求是否来自“自动完成我可以在这个“命令”参数上标记到我传递给源
浏览 4提问于2011-12-20得票数 1
回答已采纳
2回答
让jQuery UI的自动完成功能使用数据库的步骤是什么？1)将'source option‘更改为查询数据库的脚本。
2)？
浏览 1提问于2012-02-21得票数 0
回答已采纳
我有下降的国家，城市在我的MVC网站。
我正在调用一个WCF方法来从数据库中获取数据，以便将其用作Select2的一个源。实际上，我不想在我的应用程序中使用会话或tempdata，因为它们带来了其他复杂性，所以我想进行WCF调用。
浏览 0提问于2013-05-02得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
