如何在typeahead.js中读取json数据?

时间:2013-10-15 19:04:45

标签: javascript json html5

我想在JSON文件中读取我的数据,然后将其与typeahead.js一起使用a link

如果有人写了像EnglishWords [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"},
-
-
-
-
-
-

];

1 个答案:

答案 0 :(得分:0)

看起来你还有两个不同的事情。其中一个是自动完成,另一个是单词/短语定义?

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
});