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

Defain 发表于 Dev

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
                        }
                    }));
                }
            });
        }
    });
});

回应将采用以下格式key：value

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

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