javascript - 如何在 typeahead.js 中读取 json 数据？

Question

我想在 JSON 文件中读取我的数据，然后将其与 typeahead.js 一起使用，这是一个链接

如果有人写任何像EnglishWords [Best]这样的单词，它会显示他/她列出所有以best或like best开头的单词并选择单词然后显示单词的描述但我不知道，因为我是新手在javascript和json中非常感谢:)

这是我的 json 数据文件的示例

    var Words = [
{"EnglishWords":"Best","Description":"an expression of good some this"},
 {"EnglishWords":"Best wishes","Description":"an expression of hope"},
{"EnglishWords":"Application","Description":"Computing a program or piece of software"},
-
-
-
-
-
-

];

Answer 1

看起来你有两件不同的事情正在发生。一个是自动完成，另一个是某种单词/短语定义？

typeahead.js只是要解决第一部分，但它似乎很容易。改编 github 页面中的示例，您需要以下内容：

$('input.englishwords').typeahead({
  name: 'words',
  local: ['application', 'best', 'best wishes']
});

编辑：

您必须将 JSON 对象解析为数组或需要的对象typeahead。就像是：

var typeList = [];

for (var i = 0; i < Words.length; i++) {
    typeList.push(Words[i].EnglishWords);
}

then:

$('input.englishwords').typeahead({
  name: 'words',
  local: typeList
});