将 Typeahead 与 SignalR 一起使用答案

【问题标题】：Using Typeahead with SignalR将 Typeahead 与 SignalR 一起使用
【发布时间】：2015-05-31 14:07:00
【问题描述】：

我正在尝试将 Typeahead 与我的 SignalR 实现一起使用。发生的事情是我的集线器被击中并返回值，但在.done() 之后我的result 是undifined。我不知道为什么？

Javascript

$(function () {

    var search = $.connection.searchHub;
    $.connection.hub.start().done(function () {

        $('#searchBar').typeahead(null, {
            minLength: 2,

            // begin source      
            source: function (query, process) {
                var suggestions = [];// my callback value


                search.server.search(query)
                        .done(function (result) {
                            console.log(result);
                            $.each(result, function () {
                                console.log(result);
                                suggestions.push(this);
                                process(suggestions);//process is a callback method
                            });
                        }).fail(function (error) {
                            console.log(error);
                            process([]);//process is a callback method, don't know if this is necessary here, but will produce no suggestions
                        });
            }
        });

    });

枢纽：

[HubName("searchHub")]
    public class SearchHub : Hub
    {
        public async Task Search(string query)
        {
            api = new MovieApi();
            var result = await api.Search(query);

            if (result.results != null)
            {
                Clients.Client(Context.ConnectionId).results(result.results[0].title);
            }
            else
            {
                Clients.Client(Context.ConnectionId).noResults("There are no search results!");
            }

        }
    }

【问题讨论】：

标签： javascript c# asp.net-mvc signalr typeahead.js

【解决方案1】：

你的搜索方法没有返回任何东西，所以它的未定义并不奇怪。你需要换成Task<T> 并返回一些东西

我也看不到您正在订阅results 或noResults？喜欢

search.client.results = function(result) {
   console.log(result);
};

编辑：为此使用 SIgnalR 也很奇怪，带有请求/响应的标准 REST 在这里应该没问题

【讨论】：

您可以像使用 WebAPI 一样使用集线器，但在这里他使用推送。