RailsでAjaxを実装したいです【Rails】

Question

前提・実現したいこと

RailsでAjaxを使った機能を作りたいと考えています。
実現したいことは、

テキストのリンクをクリックしたら、ページ全体を読み込むことなく、
設定しておいたメッセージが非同期で呼び出される

という内容です。

発生している問題・エラーメッセージ

以下の書籍の第9章にAjax開発という節があり、それをそのまま扱っています。

「Ruby on Rails 5アプリケーションプログラミング」技術評論社 (2017/4/14)

しかし、同じコードを実装しているにも関わらず、以下のエラーが発生します。
こちらのエラーはルーティング設定によるものかと思いますが、書籍通りですとルーティングに関する記述は触れられていなかったため、私の方でAjax実装において必要な記述が抜けているのでしょうか。

Processing by AjaxController#index as HTML
  Rendering ajax/index.html.erb within layouts/application
  Rendered ajax/index.html.erb within layouts/application (21.2ms)
Completed 500 Internal Server Error in 52ms (ActiveRecord: 0.0ms)

ActionView::Template::Error (No route matches {:action=>"upanel", :controller=>"ajax"}):
    1: <div>現在時刻：<%= Time.now %></div>
    2: <div id="result">現在時刻：<%= Time.now %></div>
    3:
    4: <%= link_to '更新', {action: :upanel}, remote: true %>

Showing /Users/massu/Desktop/deck_app/app/views/ajax/index.html.erb where line #4 raised:

No route matches {:action=>"upanel", :controller=>"ajax"}

該当のソースコード（現在実装しているコード）

** ルーティング：routes.rb（app/config/routes.rb） **

Rails.application.routes.draw do
  get 'ajax/index'
  post 'ajax/index'
end

** コントローラ：ajax_controller.rb（app/controllers/ajax_controller.rb） **

class AjaxController < ApplicationController
  def index
  	@time = Time.now.to_s
  end
end

** ビュー：index.html.erb（app/views/ajax/index.html.erb） **
以下のビューにおいて、id="result"で指定している箇所をAjaxで動的に変化させたいです。

<div>現在時刻：<%= Time.now %></div>
<div id="result">現在時刻：<%= Time.now %></div>

<%= link_to '更新', {action: :upanel}, remote: true %>

** Javascript：upanel.js.erb（app/views/ajax/upanel.js.erb） **

$('#result').html(
	"<%= escape_javascript('現在時刻：' + @time) %>"
);

試したこと

もしかするとバージョンの違いにより、記述方法が違うのかと考えております。
書籍ではRails 5.0.1ですが、私の環境ではRails 5.2.0でした。

補足情報（FW/ツールのバージョンなど）

** 私の開発環境 **

• macOS High Sierra バージョン 10.13.6
• Ruby 2.5.1p57
• Rails 5.2.0
• Google Chrome 67.0.3396.99

** 書籍の開発環境 **

• CentOS バージョン 7.2.1511（Core）
• Ruby 2.4.0-p0
• Rails 5.0.1
• Firefox 38.3.0

Answer 1

No route matches {:action=>"upanel", :controller=>"ajax"} というエラーメッセージの通り、upanelというアクションのルーティングが設定されていないのが問題です。

upanel.js.erbがそのまま降ってくればいいんであれば、

Rails.application.routes.draw do
  get 'ajax/index'
  get 'ajax/upanel'
  post 'ajax/index'
end

みたいな感じでどうでしょう（もうちょっといい名前に変えたほうがよいかとは思いますが）。

Comments

[massu2357]

ご回答ありがとうございます。

ご指摘いただいた通りルーティング設定を見直したところ、上手くいきました。

名前は変更しようと思います笑

ありがとうございました！