Javascript 使用typeahead.js在我自己的数据库中搜索？

我对使用Ruby/js编码非常陌生，我需要能够允许用户在数据库中搜索其他用户。我一直在尝试用AJAX实现我自己的功能，但没有成功。我找到了一个关于typeahead.js的链接，我想这可能是我需要的，但我不知道从哪里开始。请告诉我如何使用typeahead.js让用户在选择用户之前查看建议

以下是我到目前为止得到的信息：

-我有一个允许用户创建会议的视图（搜索栏的要点是，我需要他们选择希望与谁会面）：

事件\new.html.erb

<div class="container">
    <div class="form">
      <h1>Create A Meeting</h1>

      <%= form_for(@event) do |f| %>

          <%= f.text_field :name, :placeholder => "Title" %>
          <!--< f.collection_select :location, Location.all, :id, :locName %> FOR WHEN LOCATIONS ARE A THING-->
          <%= f.text_field :description, :placeholder => "Short Description" %>

          <div>
            <h2>Who's involved?</h2>



          </div>


          <div>
            <h2>Check out a day and see who's free</h2>
            <%= f.select :day, Date::DAYNAMES.zip((0..6).to_a)  %>
          </div>



          <div>
            <h2>when do you want it to start?</h2>
            <%= f.datetime_select :starts_at, :placeholder => "when do you want it?"   %>
          </div>



          <div>
            <h2>when do you want it to end?</h2>
            <%= f.datetime_select :ends_at, :placeholder => "when should it end?"  %>
          </div>


          <%= f.submit "Create Meeting", class: "btn-submit" %>
      <% end %>

      <div class = "searchbar">
      <%= render partial: 'customers/_search', :object => @customers, locals:{} %>
      </div>
    </div>

创建会议
“标题”%>
“简短描述”%>
谁参与了？
退房一天，看看谁有空
你想什么时候开始？
“您什么时候要？”%%>
你想什么时候结束？
“什么时候结束？”%%>
@客户、本地人：{}%>

我已经在一个部分，其中将包含搜索栏html搜索客户（用户）（我不知道这是否是必要的了）

这是html customers\\u search.html.erb：

<input type="text" class="search" id="searchinput" placeholder="Who's involved?">

我不认为我可以使用bootstrap，但我宁愿只获得功能，而不是正确的外观。我一直在看这个

但是我不知道如何在RubyonRails中实现这些脚本。我有打字机。我不明白《警犬》或者我是否需要它

我想做的就是让某人在数据库中搜索客户。就JS而言，我不知道我需要/不需要或需要更改哪些部分才能为我的应用程序工作

我知道这是一个悬而未决的问题，但我真的为此感到非常愤怒，请有人帮帮我。我不想失败

谢谢