發送和處理.json請求（在Rails應用程序中）

Question

我有一個簡單的任務。用戶應該能夠在一種形式進入寬度和高度並單擊窗體應生成請求（鏈接）等以下之後：
/find_area.json?width[]=:width&height[]=:height

應用應生成響應（面積=高度*寬度）並在頁面上動態顯示它。

所有的用戶操作都被保存了，所以它應該是POST請求。

我的問題是：

1. 如何創建這個請求（從簡單的生成它的form_for）。
2. 如何計算面積（我的意思是:)）並給出迴應。

對不起，缺少代碼和信息。我會很高興快速簡單的回答。

Answer 1

只爲你需要什麼用ajax做小總結： -

1. 創建模式area和migrate表和form_for

   rails g model Area height:integer width:integer

   run rake db:migrate

   使用

   //view part <%= form_for(@area,:url=>"areas/find_area",:remote=>true) do |f |%> <%= f.text_field :width ,:placeholder=>"Enter width",:required=>"true"%> <%= f.text_field :height ,:placeholder=>"Enter height",:required=>"true"%>
<button type="submit" data-remote="true"> Calculate Area</button>
<%end%>

2. 在routes.rb中添加路由處理張貼表格後提交使用AJAX

   match '/find_area', :to => 'areas#find_area'

3. 在控制器方法，得到PARAMS的值和計算面積

   //inside areas_controller.rb, def find_area width,height=params[:width],params[:height] @area=width*height respond_to do |format| if @area format.js else format.js { render :json => @area.errors.full_messages.join(' '), :status => 400 } end end end

4. 渲染js.erb顯示彈出有關該地區/文本以及使用CSS

   內find_area.js.erb隱藏表單

   ##using any hidden div already present on the page $("#show_area").html("The area is <%= @area%>").show();