从外部JSON文件中获取数组值和标签，并将其添加到jQuery Autocomplete函数中

Question

我正在尝试将jQuery UI自动完成添加到输入字段中。与此示例类似：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);
       }
     });
   }
});