[rails] ユーザーのリアルタイム検索機能を作成したい

Question

以下のような、検索ボックスに文字を入れると部分一致したユーザー名が表示される検索機能を追加したいです。

手順として
①検索ボックスに文字が入力されたらjQueryでイベントを発生
②入力された文字を変数に代入
③AjaxでRails側に変数を渡し、アクションを叩いてレンダリング
と考えいくつかサイトを参考にしたのですが、jQuery側でRailsのアクションがうまく叩けません（エラー発生時の処理が行われます）。
また、ビューとコントローラのレンダリングの部分も正しく書けていないような気がします。
分からない点が多数あり申し訳ないのですが、修正点や代替案を教えていただきたいです。

ヘッダー部分

<div>
  <input type="text" id="search_area" list="result" />
  <%= render 'users/search' %>
</div>

users/_search.html.erb（入力した文字に応じてレンダリングしたい部分）

<datalist id="result">
  <% if @search_result.present? %>
    <% @search_result.each do |s| %>
      <option value="#{s.name}" class="result"></option>
    <% end %>
  <% end %>
</datalist>

$(function() {
  $('#search_area').on('input', function(){
    // 入力された文字列を変数searchTextに代入
    searchText = $(this).val()

    // searchTextをRailsに渡し、searchアクションを叩きたい
    $.ajax({
      url: '/users/search',
      type: 'POST',
      datatype: 'html',
      async: true,
      data: { searchText: searchText },
      // 成功時
      success: function(data) {
                alert("success");
            },
      // エラー発生時
      error: function(data) {
                alert("error");
            }
    });
  });
});

ルーティング

post 'users/search', to: 'users#search'

usersコントローラ　searchアクション

def search
  users = User.all
  @search_result = users.where('name LIKE ?', "%#{params[:searchText]}").limit(5)
  render 'users/search'
  respond_to do |format|
    format.html { redirect_to request.referrer || root_url }
    format.js
  end
end

Comments

[winterboum]

「jQuery側でRailsのアクションがうまく叩けません（エラー発生時の処理が行われます）。」
そのエラーメッセージもしくはlogを載せましょう

Answer 1

可能であればruby側のapiはjsonを返してクライアント側で展開してください
datatypeも綴りがちがいますdataType
jQueryの書き方も古いです（jQery自体が古いのはおいておいて）
success/errorはdone/fail形式に書き換えましょう（様式も違います）
async指定も不要でしょう。
post処理するときのprocessDataやcontentTypeの指定も意識したほうがよいかもしれません