質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

解決済

1回答

475閲覧

【Rails】jQueryを使った検索機能で意図しないアクションが呼び出される

takuya861

総合スコア14

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

1クリップ

投稿2020/09/24 15:17

編集2020/09/24 15:40

##実現したいこと
フォームに入力した値を取得して、検索結果を表示する

##発生している問題・エラーメッセージ
フォームに値を入力したら、tasks_controllerのsearchアクションを呼び出したいが、showアクションが呼び出されている。

##該当のソースコード

バージョン
Rails 5.2.4.2

index.html.erb

<tbody id="result"> <tr> <td> <input id="search" type="form" name="title" class="w-100 h-100 ajax-filter ajax-filter-input"> </td> <td> <select class="w-100 h-100 ajax-filter ajax-filter-select" name="to_user_id" > <option value selected>--</option> <option value="#"></option> </select> </td> <td> <input type="form" value name="due_date" class="w-100 h-100 ajax-filter ajax-filter-input" > </td> </tr> <% @tasks.each do |task| %> <tr class="tasks_column-data"> <td> <div class="td-border-div mytask-priority-5"> <%= link_to task.task_name, task_path(task.task_name) %> </div> </td> <td> <img src="#" class="plofile-icon ml-1 mr-1"> <span class="plofile-name-cover">sample name</span> </td> <td> <div class="sub-project-name"> <%= task.created_at.strftime('%Y-%m-%d') %>に開始 </div> </td> <td class="text-nowrap"> <%= link_to edit_task_path(task), class: "btn btn-primary ajax-link tip" do %> <i class="fa fa-fw fa-edit"></i> <% end %> <%= link_to task_path(task), method: :delete, data: { confirm: "削除してよいですか? <br> <strong>#{task.task_name}</strong>", cancel: 'キャンセル', commit: '削除'}, title: '削除の確認', class: "btn btn-danger tip" do %> <i class="fa fa-fw fa-trash"></i> <% end %> <a href="#" class="btn btn-primary ajax-link tip-right" data-title="記録">記録</a> </td> </tr> <% end %> </tbody>

tasks_controller.rb

class TasksController < ApplicationController def index @tasks = Task.all end def new @task = Task.new end def destory @task = Task.find(params[:id]) @task.destroy redirect_to tasks_path end def edit @tasks = Task.find(params[:id]) end def update @task = Task.find(task_params) end def search @tasks = Task.where("task_name LIKE ?", "%#{params[:keyword]}%") respond_to do |format| format.html format.json { render json: @tasks } end end private def task_params params.require(:task).permit(:task_name, :cont_memo) end end

task.js

$(document).on('keyup', '#search', function(e){ e.preventDefault(); var input = $.trim($(this).val()); console.log(input) $.ajax({ url: '/tasks/search', type: 'GET', data: ('keyword=' + input), processData: false, contentType: false, dataType: 'json' }) .done(function(data){ $('tr.tasks_column-data').remove(); $(data).each(function(index, task){ $('#result').append( `<tr class="tasks_column-data"> <td> <div class="td-border-div mytask-priority-5"> <a href="/tasks/${task.task_name}" %>${task.task_name}</a> </div> </td> <td> <img src="#" class="plofile-icon ml-1 mr-1"> <span class="plofile-name-cover">sample name</span> </td> <td> <div class="sub-project-name"> <p>${task.created_at.strftime('%Y-%m-%d')}に開始</p> </div> </td> <td class="text-nowrap"> <a class="btn btn-primary ajax-link tip" href="/tasks/${task}/edit"> <i class="fa fa-fw fa-edit"></i> </a> <a data-confirm="削除してよいですか <br> <strong>${ task.task_name }</strong>" data-cancel="キャンセル" data-commit="削除" title="削除の確認" class="btn btn-danger tip" rel="nofollow" data-method="delete" href="/tasks/${ task.task_users_id}"> <i class="fa fa-fw fa-trash"></i> </a> <a href="#" class="btn btn-primary ajax-link tip-right" data-title="記録">記録</a> </td> </tr>` ) }); }) });

index.json.jbuilder

json.array! @tasks do |task| json.task_name task.task_name json.task_users_id task.task_users_id end

ターミナルのログ

Started GET "/tasks/search?keyword=aaaaa" for ::1 at 2020-09-25 00:36:40 +0900 Processing by TasksController#show as JSON Parameters: {"keyword"=>"aaaaa", "id"=>"search"} Rendering tasks/show.html.erb within layouts/application Rendered tasks/show.html.erb within layouts/application (0.5ms) Rendered layouts/_navbar.html.erb (2.3ms) Rendered layouts/_sidebar.html.erb (2.2ms) Rendered layouts/_footer.html.erb (0.6ms) Completed 200 OK in 475ms (Views: 466.8ms | ActiveRecord: 0.0ms)

##試したこと
・コントローラーからshowアクションを削除(なにも書いていなかったため)
・記述ミスがないか確認
・consple.log()を使用してデータがどこまで動いているか確認

テラテイル等で調べましたが、解決できませんでした。
どなたかご教示いただければ幸いです。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

routes.rb に searchが定義していないかもしくは showより後に定義してあるからです。

投稿2020/09/24 22:48

winterboum

総合スコア23347

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

takuya861

2020/09/25 13:08

routesに記載忘れていました。。。 確認不足です。 ありがとうございます!!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問