ransackを利用して検索フォームを実装する方法を公開しました。今回はransackとajaxを利用して検索フォームに入力した内容をリアルタイムで表示する方法を公開します。endendControllerのコード解説ransackはModel名.ransack(params[:q])で値を検索します。今回は検索結果と初期値を記事が登録された日時順で表示したいので、Modelで予めscopeメソッド(bypublishtime_desc)を作成しています。Railsのscopeメソッドで検索を効率化するを御覧ください検索フォームタイトルを検索した際に値をjsonで値を返すようにするため、以下のように設定を行っています。|f|さらに今回は記事のタイトルと内容に検索項目が入力されている場合は検索結果に表示するため検索項目にtitleorcontent_contを設定します。:title_or_content_contCoffeeScriptの解説jQeryのkeyupでフォームが入力された際にイベントを発火させます。その後にajaxの通信が成功した際に結果をページに反映させます。1列目の(htmlのtr要素)に検索結果を反映させます。