jQuery UI使用Ajax来自动完成数据

Defain

我想知道是否可以使用我自己的“ webservice”,使用来自jQuery ui api(不带JSON等)的基本演示,将我需要的内容打印在availabletags变量中,如下所示:

$(function() {

 var availabletags = $.ajax({ url: "myservice.jsp", async:     false }).responseText;  


$("#search").autocomplete({
  source: availabletags
});

});

myservice.jsp将自动完成源所需的内容打印到文件中,如下所示:

[
  "ActionScript",
  "AppleScript",
  "Asp",
  "BASIC",
  "C",
  "C++",
  "Clojure",
  "COBOL",
  "ColdFusion",
  "Erlang",
  "Fortran",
  "Groovy",
  "Haskell",
  "Java",
  "JavaScript",
  "Lisp",
  "Perl",
  "PHP",
  "Python",
  "Ruby",
  "Scala",
  "Scheme"
]

当我在“ source:”之后的可用标签位置复制并粘贴上面的内容时,自动完成功能会完美工作,但是当我尝试通过ajax进行操作时,它会给我404错误。

使这项工作可行吗?

侯赛因·巴巴尔(Huseyin BABAL)

用这个;

$("#search").autocomplete({
  source: "myservice.jsp"
});

或者

$("#search").autocomplete({
        source: function(request, response) {
            $.ajax({
                url: "myservice.asp",
                dataType: "jsonp",
                success: function(data) {
                    response($.map(data, function(item) {
                        return {
                            label: item.value,
                            value: item.key
                        }
                    }));
                }
            });
        }
    });
});

回应将采用以下格式keyvalue

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章