首页 > 解决方案 > 如何将 JQuery Autocomplet UI 与来自 JSON 文件的数据一起使用?

问题描述

我可以使用 a 获取 JSON 数据,XMLHttpRequest但如何将此请求用作自动完成的数据?

var ourRequest = new XMLHttpRequest();
ourRequest.open('GET', url);

ourRequest.onload = function() {
    var ourData = JSON.parse(ourRequest.responseText);
    renderHTML(ourData);
};

ourRequest.send();

标签: javascriptjsonautocompletexmlhttprequest

解决方案


您需要设置source参数以提供自动完成值,这是一个示例:

$( "#tags" ).autocomplete({
      source: availableTags
});

这里 availableTags 是您的 json 数据您可以查看此链接以获取完整描述。


推荐阅读