typeahead - 在这个例子中 JSON 是怎样的？

Question

$('.example-films .typeahead').typeahead([{name: 'best-picture-winners',
远程：'../data/films/queries/%QUERY.json'，预取：'../data/films/post_1960.json'，
模板： '
{{value}} - {{year}}
',引擎：霍根}]);

这个例子中的 JSON 文件将如何编写。我从typeahead js 示例中得到这个

Answer 1

如果您查看页面的源代码，您会看到在http://twitter.github.io/typeahead.js/js/examples.js处有一个附加的 javascript 文件

在这里，您可以查看他们如何绑定预先输入框：

 $('.example-films .typeahead').typeahead([
    {
      name: 'best-picture-winners',
      remote: '../data/films/queries/%QUERY.json',
      prefetch: '../data/films/post_1960.json',
      template: '<p><strong>{{value}}</strong> – {{year}}</p>',
      engine: Hogan
    }
  ]);

您将看到您可以访问预取 JSON 数据以查看http://twitter.github.io/typeahead.js/data/films/post_1960.json的格式

[
  {
    "year": "1961",
    "value": "West Side Story",
    "tokens": [
      "West",
      "Side",
      "Story"
    ]
  },
  {
    "year": "1962",
    "value": "Lawrence of Arabia",
    "tokens": [
      "Lawrence",
      "of",
      "Arabia"
    ]
  },  {
    "year": "2012",
    "value": "Argo",
    "tokens": [
      "Argo"
    ]
  }
]