ホーム 技術ネタ

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

2018年11月2日

例えば、フォームに入力してボタンクリックで値を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

js.erb


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

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

html.erb


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

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

controllers


# /app/controllers/users_controller.rb

class UsersController < ApplicationController

def index

end

def update_time
@time = Time.now.to_s
end

end

Pocket
LinkedIn にシェア



新規webサービスの開発の依頼ならoffテク⭐️

低コストで、Reactなどモダン言語での新規webサービス開発を承ります

-ホーム, 技術ネタ
-, , , , , ,

Copyright© off , 2020 All Rights Reserved Powered by AFFINGER5.