More than 5 years have passed since last update.

Sinatraでformを使ってPOSTしてみる

Posted at 2015-07-19

はじめに

の続き。

今度は簡単にデータをPOSTしてみる。問い合わせ内容を入力して、その内容を確認するまで。

index.erbでformを表示するように修正

<html>
<head>
  <meta charset="UTF-8">
</head>
<body>
  <p>
    <a href="about">このサービスについて</a>
  </p>
  <h1>お問い合わせ</h1>
  <form action="confirm" method="POST">
    <div>
      email:<input type="text" name="email" value="">
    </div>
    <div>
      本文:
      <textarea name="message" rows="5"></textarea>
    </div>
    <div>
      <input type="submit" value="送信する">
    </div>
  </form>
</body>
</html>

app.erbでPOSTされたデータを受け取ってみる

require 'sinatra'
require 'sinatra/reloader'

get '/' do
  erb :index  
end

get '/about' do
  erb :about
end

post '/confirm' do
  @email = params[:email]
  @message = params[:message]
  erb :confirm
end

confirm.erbで受け取ったデータを確認する

<html>
<head>
  <meta charset="UTF-8">
</head>
<body>
  <h1>お問い合わせ内容確認</h1>
  <div>
    <div>
      email: <%=@email%>
    </div>  
    <div>
      本文:
      <p>
        <%=@message%>
      </p>
    </div>    
  </div>
</body>
</html>

おしまいに

これで、トップ画面でemailと本文を入れて、次の画面で入れた内容を確認できればOK！

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up