2

我有一个 ASP.NET MVC 3 Web 应用程序（Razor）和一个带有 jQ​​uery UI AutoComplete 插件（v1.8）的特定视图。

这是我目前拥有的设置：

$('#query').autocomplete({
        source: function (request, response) {
            $.ajax({
                url: "/Search/FindLocations",
                type: "POST",
                dataType: "json",
                data: { searchText: request.term },
                success: function (data) {
                    response($.map(data, function (item) {
                        return { name: item.id, value: item.name, type: item.type }
                    }))
                },
                error: function (xmlHttpRequest, textStatus, errorThrown) {
                    // don't know what i should do here...
                }
            })
        },
        select: function (event, ui) {
            $.get('/Search/RenderLocation', { id: ui.item.name }, function (data) {
                $('#location-info').html(data);
            });
        },
        delay: 300, minLength: 3
    });

自动完成返回世界上的位置，与谷歌地图自动完成基本相同。

以下是我的问题：

1)delay和的推荐设置是minLength什么？保留为默认值？

2）我考虑过[OutputCache]控制器动作，但我看起来好像插件会自动缓存？这是如何运作的？它是否将结果存储在 cookie 中？如果有，什么时候到期？是否推荐任何额外的缓存？

3)我注意到如果我输入了某些内容，并且在触发 AJAX 请求时，如果我输入了其他内容，对话框会暂时显示第一个结果，然后显示第二个结果。我可以理解为什么，但这让用户感到困惑（鉴于 AJAX 请求可能需要 1-2 秒），但我正在考虑async: false在$.ajax选项中使用以防止多个请求 - 这是糟糕的设计/用户体验吗？

4)你能推荐我以上设置的任何其他更改以提高性能/可用性吗？

4

1 回答 1

0

1）这真的取决于你的使用情况和你的数据。

2) 你应该使用 [OutputCache]。如果插件上发生任何缓存，它只会针对每个用户，如果您在控制器操作级别使用缓存，它将为所有用户缓存一个。（同样，根据您的使用情况，这实际上可能很糟糕，但通常这样做是好的）

3）由于缺乏上下文，这个问题也有点难。如果 ajax 请求是 1-2 秒并且没有办法缩短这个时间，你真的应该有一个相当大的延迟，这样用户在输入长单词时不会发送很多请求（如果他们输入慢的话）。

4) 听起来您需要查看 /search/FindLocations 方法并查看可以在哪里进行缓存或首选项改进。在这里给我们看看您的代码，我可以尝试提出更多建议。

于 2011-01-28T07:22:40.673 回答