Question

我正在尝试将jQuery UI Autocomplete添加到输入字段。与此示例类似：http://jqueryui.com/demos/autocomplete/#default

<script>
    $(function() {
        var availableTags = [
            "ActionScript",
            "AppleScript",
            "Asp",
            "BASIC"
];
        $( "#tags" ).autocomplete({
            source: availableTags
        });
    });
</script>

我按照了演示，这很容易做到。对我来说，困难的部分是从另一个名为albums.json的json文件中提取数据：

{
    "albums": [
        {
            "value": "Author Name",
            "label": "Album Name"
        },
        {
            "value": "Author Name",
            "label": "Album Name"
        },
        {
            "value": "Author Name",
            "label": "Album Name"
        },
        {
            "value": "Author Name",
            "label": "Album Name"
        },
    ]
}

这样做是否容易？我一直试图弄清楚自己，但我不能。

提前致谢，IL

Answer 1

您可以使用jQuery ajax从外部源获取数据作为自动完成的数据。试试这个。

$( "#tags" ).autocomplete({
   source: function(request, response) {
     $.ajax({
       url: "UrlOfThePage",
       dataType: "json",
       success: function( data ) {
         response(data.albums);
       }
     });
   }
});

从外部JSON文件中获取数组值和标签，并将其添加到jQuery自动完成功能

1 个答案: