Javascript 使用Twitter';s typeahead.js-调用我的WebAPI,如何填写我的typeahead输入文本框中的下拉列表?

Javascript 使用Twitter';s typeahead.js-调用我的WebAPI,如何填写我的typeahead输入文本框中的下拉列表?,javascript,jquery,twitter,asp.net-web-api,bootstrap-typeahead,Javascript,Jquery,Twitter,Asp.net Web Api,Bootstrap Typeahead,这是我第一次使用Twitter的typeahead.js。我已经让它的一部分工作,但不工作的是,当我提前键入时,输入文本框下的下拉列表应该填充值,但对我来说,它说的是“未定义” 以下是我的客户端代码: $(document).ready(function () { $('input.typeahead-devs').typeahead({ name: 'movies', remote: { url: 'http://localhos

这是我第一次使用Twitter的
typeahead.js
。我已经让它的一部分工作,但不工作的是,当我提前键入时,输入文本框下的下拉列表应该填充值,但对我来说,它说的是“未定义”

以下是我的客户端代码:

$(document).ready(function () {
    $('input.typeahead-devs').typeahead({
        name: 'movies',
        remote: {
            url: 'http://localhost:61182/api/SixFilm/GetMovies?term=%QUERY',
            dataType: 'json',
        }
    });
});
上面代码中的URL工作并返回有效的JSON。以下是我的UI和Firebug输出:


我有一种感觉,我正在变得“未定义”,因为我的“typeahead”不知道要为下拉列表中的值放置什么。在
.typeahead
调用中是否缺少特定变量?如何正确构造我的
typeahead
,以便在下拉列表中获取值?

我解决了我的问题。我需要
valueKey
valueKey
在我的示例中是“Name”,这是我要填充下拉列表的内容:

$(document).ready(function () {
    $('input.typeahead-devs').typeahead({
        name: 'movies',
        remote: {
            url: 'http://localhost:61182/api/SixFilm/GetMovies?term=%QUERY',
            dataType: 'json',
        }
        valueKey: "Name",
    });
});