Question

我尝试将Typeahead.js与WebApi Controller一起使用。这看似简单的任务，但没有 - 没有任何工作，没有错误，没有警告，什么也没有。这是JS部分：

<script>
        $(document).ready(function () {
            $('#hotel_dest').typeahead({
                name: 'CitySearch',
                minLength: 3,
                highlight: true,
                valueKey: "destination",
                remote: {
                    url: 'http://localhost:63270/api/citysearch?q=%QUERY',
                    filter: function (response) {
                        return response;
                    }
                },
                limit: 10
            });
</script>

这是一个非常简单的控制器：

namespace Booking.Controllers
{
    public class CitySearchController : ApiController
    {
        hotelbedsEntities db = new hotelbedsEntities();
        public class CitySearch
        {
            public string destination { get; set; }
        }
        public IQueryable<CitySearch> GetDestination(string q)
        {
            var a = from b in db.LocalizedDestination
                    join c in db.LocalizedCountryName on b.HBCountryCode equals c.HBCountryCode
                    where b.DestinationRusName.Contains(q)
                    select new CitySearch
                    {
                        destination = b.DestinationRusName + "(" + b.HBDestinationCode + ")" + c.RusCountryName
                    };
            return a.AsQueryable();
        }
    }
}

控制器尽可能地返回正确的数据，所以我不知道出了什么问题。

Answer 1

@Brunis，感谢您的建议，但问题出在客户端。解决方案如下：

var citylist = new Bloodhound({
                datumTokenizer: Bloodhound.tokenizers.obj.whitespace('destination'),
                queryTokenizer: Bloodhound.tokenizers.whitespace,
                limit: 10,
                remote: 'http://localhost:63270/api/citysearch?q=%QUERY'
            });
            citylist.initialize();
            $('#hotel_dest').typeahead({
                hint: true,
                highlight: true,
                minLength: 1
            },
                {
                    name: 'destination',
                    displayKey: 'destination',
                    source: citylist.ttAdapter()
                }
            );

Typeahead.js无法使用Web Api Controller

1 个答案: