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

我正在尝试将jQuery UI自动完成添加到输入字段。与此示例类似：

这有什么简单的方法吗？我一直想自己弄明白，但我做不到

---

提前感谢，IL

您可以使用jQuery

ajax

从外部源获取数据作为自动完成的数据。试试这个

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

{
    "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"
        },
    ]
}

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