Rails,画面遷移しない,POST,送信,リンク,作る,方法

Railsで画面遷移しないPOST送信やリンクを作る方法

2018年11月2日 2020年4月20日

例えば、フォームに入力してボタンクリックで値をPOSTで送信して、その結果を受け取ってHTMLの要素を書き換えて~みたいなことをしようとするとAJAXなんだけど、それがrailsだと簡単にできるよという話し。結局AJAXを使いJSを実装するんだけど、Railsで簡単にできるよ。

ルート

#/config/routes.rb

Rails.application.routes.draw do

get 'index', to: 'users#index'
get 'update_time', to: 'users#update_time'

end

// /app/views/users/update_time.js.erb

document.getElementById('now_time').innerHTML = "<%= @time %>";

# /app/views/users/index.html.erb

<%= link_to '↓に現在時刻を非同期で表示させる', {:action => 'update_time'}, :remote => true %>
<p id="now_time"></p>

# /app/controllers/users_controller.rb

class UsersController < ApplicationController

def index

end

def update_time
@time = Time.now.to_s
end

end