首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在jquery中输入(keypress/keyup)时,有自动补全的插件来查询URL吗?

在jquery中输入(keypress/keyup)时,有自动补全的插件来查询URL吗?
EN

Stack Overflow用户
提问于 2012-05-23 17:20:48
回答 2查看 121关注 0票数 1

我正在尝试在jquery中实现一个自动完成功能,我已经用Jquery ui自动完成功能检查过了,但是没有弄清楚。

我需要以json或text的形式从url中获取数据,但每次在自动补全中更改文本时,我都应该这样做。我不应该把所有的数据都拉出来保存在客户端。

请让我知道,如果我们有任何直接的实现,这是一个插件或其他。我是jquery的新手

EN

回答 2

Stack Overflow用户

发布于 2012-05-23 17:23:12

您应该能够通过向source提供回调来使用jquery ui自动完成

代码语言:javascript
复制
$('#your_input').autocomplete({
  source: function(request, response) {
    $.ajax({
    ...
      success: function( data ) {
        response( $.map( data.field, function( item ) {
          return {
    ...

请参阅JSON example

匹配结果来自服务器的每个按键

票数 0
EN

Stack Overflow用户

发布于 2012-05-23 17:35:19

代码语言:javascript
复制
<script src="@Url.Content("~/Scripts/jquery-1.7.2.js")" type="text/javascript"></script>
<script type="text/javascript">

      $("#input_id").autocomplete({
                source: function (request, response) {
                    $.ajax({
                        url: 'URL',
                        dataType: "json",
                        data: {
                            filter: request.term // word being typed, can add additional params as needed
                        },
                        success: function (data) {
                            response($.map(eval(data), function (item) {
                                return {
                                    label: item.em_name,
                                    custom_val: item.custom_val,
                                    custom_val2: item.custom_val2
                                }
                            }));
                        }
                    })
                },
                maxLength: 2,   //length before search text gets submitted
                select: function (event, ui) {
                    $("#custom_val_textbox").attr('value', ui.item.custom_val);
                    $("#custom_val_textbox2").attr('value', ui.item.custom_val2);
                }
            });

</script>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10716985

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档